Внутренняя тень в полях формы на мобильном фаерфоксе.

[Frie]

Посмотрел на мобильном устройстве сайт, в полях формы заметил внутреннюю тень градиентную от верхнего края к нижнему.

У яндекс браузера было более менее, а у фаерфокса вообще жутко некрасивая, да ещё и поля формы скруглял.

 

Я поставил все стили инпута в 0, убрал границы, и обернул дивом с аккуратной прямоугольной рамкой.

Хром стал показывать отлично, как нужно, а у фаерфокса, эта ужасная тень сохранилась. Ставил   box-shadow:none, но не помогло.

 

Посмотрел другие сайты с формми, такая же шляпа. Как бы обхитрить фаерфокс и заставить показывать поле формы полностью белым цветом внутри без теней?

[Sergik+]

Посмотрел на мобильном устройстве сайт, в полях формы заметил внутреннюю тень градиентную от верхнего края к нижнему.

У яндекс браузера было более менее, а у фаерфокса вообще жутко некрасивая, да ещё и поля формы скруглял.

 

Я поставил все стили инпута в 0, убрал границы, и обернул дивом с аккуратной прямоугольной рамкой.

Хром стал показывать отлично, как нужно, а у фаерфокса, эта ужасная тень сохранилась. Ставил   box-shadow:none, но не помогло.

 

Посмотрел другие сайты с формми, такая же шляпа. Как бы обхитрить фаерфокс и заставить показывать поле формы полностью белым цветом внутри без теней?

Пользуйтесь сбросом стилей и проблем не будет.

[SelenIT]

Пишут, что это не тень, а градиентный фон. Соответственно, background-image:none (или сокращение с аналогичным смыслом) должно помочь. В т.ч. если оно есть в ресете

[Frie]

Пишут, что это не тень, а градиентный фон. Соответственно, background-image:none (или сокращение с аналогичным смыслом) должно помочь. В т.ч. если оно есть в ресете

Спасибо огромное. Это помогло!