https://www.xinran001.com/frontend/145.html
select option有浏览器默认样式,且对自己的样式有一定的保护(基于css规则)。
这个保护就是appearance属性,浏览器内置的css样式是不允许更改的,日常开发仅是在它的样式基础上覆盖而已。
然而当设置 appearance: none 的时候,就相当于让select元素脱离浏览器内置select样式了。此时它相当于一个div,开发者就可以灵活设置样式了。
https://www.xinran001.com/frontend/145.html
select option有浏览器默认样式,且对自己的样式有一定的保护(基于css规则)。
这个保护就是appearance属性,浏览器内置的css样式是不允许更改的,日常开发仅是在它的样式基础上覆盖而已。
然而当设置 appearance: none 的时候,就相当于让select元素脱离浏览器内置select样式了。此时它相当于一个div,开发者就可以灵活设置样式了。