Menu
I have the following CSS which is injected by JavaScript:
select {
-webkit-appearance: none;
}
If I open up Chrome developer tools and uncheck those properties things look OK. How would I override this property in the CSS?
391
Such as -webkit- is replaced by -ms- for Internet Explorer, -moz- for Firefox, -o- for Opera etc.
The CSS -webkit-appearance property enables web authors to change the appearance of HTML elements to resemble native User Interface (UI) controls. The CSS -webkit-appearance property is a proprietary CSS extension that is supported by the WebKit browser engine.
Use appearance-none to reset any browser specific styling on an element. This utility is often used when creating custom form components.
"The appearance property is used to display an element using a platform-native styling based on the users' operating system's theme."
Here are some options available:
For more look at mozilla:
https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance
or
http://www.w3schools.com/cssref/css3_pr_appearance.asp
This is a CSS3 protery so you should be aware of the comparability:
http://i.imgur.com/NajSN0O.png
159
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
