,
Clever Geek Handbook

Firefox for Android (v18) CSS Reset?

I'm trying to remove unwanted shadows and gradients boxes of items such as <input type="text">

, <textarea>

, <select>

and <button>

in the latest version of Firefox for All Android (v18). Compatibility of desktop copies of Firefox for Ubuntu and Windows does not show .

Safari on iOS also adds styling to make some elements look more native, however resetting unwanted styles was pretty easy thanks to -webkit-appearance: none

.

Mozilla Developer Docs mention support -moz-appearance: none

, however, it doesn't seem to work in Firefox for Android.

+3


source to share


3 answers


This issue is well documented on upload, removing the background image worked for me

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



background-image: none;
+4


source


You need to install

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


etc.

+2


source


Override the background gradient of a button for Firefox, for example:

background: -moz-linear-gradient(top, #ffffff, #ffffff);
0


source






More articles:


All Articles