How to override -webkit-appearance

Question

I have the following CSS which is injected by Javascript:

select {
    -webkit-appearance: none;
}

If I open Chrome developer tools and uncheck the properties look ok. How do I override this property in CSS?

+3

David542 07 oct. 14 at 22:32

2 answers

Maverick's answer is correct, but to be specific, I found that the following scrollbar will go back to the select element:

select{
    -webkit-appearance: menulist
}

+3

Obromios 23 jul. '15 at 8:00

Maverick · Accepted Answer · 2014-10-07T22:35:00+0000

"The appearance property is used to render an item using a platform-based style based on the user's operating system theme.

Here are some of the options available:

More about mozilla:

or

This is CSS3 inset, so you should be aware of comparability: