html - 自定义下拉菜单

Question

这是我正在处理的下拉菜单。

<select id="frames" onchange="updateDisplay()" class="styled-select">    
    <OPTION value="ravi">ravi</OPTION>
    <OPTION value="steve">steve</OPTION>
    <OPTION value="robert">robert</OPTION>

</select>​

和CSS

select {
background-color:#232323;
    border-color:#232323;
    border-width:1px;
    color:white;
};​

http://jsfiddle.net/ravi007/ZWwgW/3/

我正在尝试为下拉菜单添加灰色背景。我部分成功了。

我未能将灰色添加到带箭头的小按钮。我还想让那个箭头变成白色。

当我点击时，我看到下拉菜单周围有一个默认的黄色边框。有没有办法让它变成蓝色

当用谷歌搜索时，我注意到按钮部分与浏览器有关。

谢谢

Answer 1

你不能改变箭头，但你可以让它看起来像用图像改变了。

这是一个简单的技巧，看看这个 Example

不完全是您想要的，但很有帮助。