html - select 的框透明背景在 Chrome 中是否有效？

Question

我正在尝试通过 css 使 select 的框背景透明。我正在使用 background-color:transparent;。它适用于 firefox 但不适用于 chrome。任何想法？ Here是一个活生生的例子。感谢您的宝贵时间!

Answer 1

你可能会发现 -webkit-appearance: none;有用。 <select>众所周知，s 很难设置样式，如果您追求的是非自定义外观和感觉，则可能需要考虑制作自己的样式。

jsFiddle

.outter_div select {
    -webkit-appearance: none;
}