更改组合框风格

Question

我想改变cmbobox设计我rtied使用此代码它的工作对铬 但它不工作的Opera和Firefox HTML代码：

<div class="styled-select"> 
    <select> 
     <option>Here is the first option</option> 
     <option>The second option</option> 
    </select> 
</div> 

CSS代码：

.styled-select select { 
     background: transparent; 
     width: 268px; 
     padding: 5px; 
     font-size: 16px; 

     border: 0; 
     border-radius: 0; 
     height: 34px; 
     -webkit-appearance: none; 
     -moz-appearance:none; 
     appearance: none; 
     } 

.styled-select { 
     width: 271px; 
     height: 43px; 
     overflow: hidden; 
     background: url(img/cmbbox.png) no-repeat; 
     border: 0; 
     } 

的jsfiddle：选择元素http://jsfiddle.net/Sz2e6/

Answer 1

完全CSS样式是仅适用于Chrome浏览器的支持。有关详细信息，请参阅此question的第二个答案。

由于该答案已发布，Firefox已获得样式选择的一些支持，但并非所有样式选项都可用。

对于跨浏览器的解决方案，正常的方法是隐藏选择和风格的另一个元素看起来像一个选择控制。