3

I'm struggling to remove unwanted box shadows and gradients from elements such as including <input type="text">, <textarea>, <select>, and <button> in the latest version of Firefox for Android (v18). The desktop counterpart of Firefox for Ubuntu and Windows does not exhibit the same issue.

Safari on iOS also adds styling to make certain elements appear more native-like, however resetting the unwanted styles was fairly easy thanks to -webkit-appearance: none.

Mozilla's Developer Docs do mention support for -moz-appearance: none, however it does not seem to work as intended on Firefox for Android.

4

3 回答 3

4

这个问题在引导程序上有很好的记录，删除背景图像对我有用

https://github.com/twbs/bootstrap/issues/8702

background-image: none;
于 2014-02-13T11:30:15.007 回答
2

你需要设置

background:#fff;
border:0;
border-radius:0;
box-shadow:none;

ETC

于 2013-03-28T08:15:39.773 回答
0

覆盖 Firefox 特定的按钮背景渐变，例如：

background: -moz-linear-gradient(top, #ffffff, #ffffff);
于 2013-10-25T05:01:28.413 回答