javascript - 从禁用选择中删除向下箭头

Question

        <select>
               <option value="volvo">Volvo</option>
               <option value="saab">Saab</option>
               <option value="mercedes" selected>Mercedes</option>
               <option value="audi">Audi</option>
       </select>    

$('select').attr('disabled', 'disabled');

是否可以使用 jQuery 或简单的 Javascript 或 HTML 删除禁用选择中的向下箭头？

jsfiddle

Answer 1

这是可行的，是的:

select[disabled] {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

实例:http://jsfiddle.net/joaocunha/UhfcA/1/ (一定要检查里面的要点以了解它是如何工作的)。

顺便说一句，我支持@ThiefMaster:可行并不意味着应该完成。删除选择箭头而不提供自定义箭头是非常糟糕的用户体验。