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

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在一起:可行并不意味着应该这样做.删除选择箭头而不提供自定义箭头是一种非常糟糕的用户体验.

Answer 2

这是不可能的（尤其是不可能在所有浏览器中都有效）。

无论如何，您不应该这样做，因为禁用的选择框仍然具有箭头 - 并且执行与用户操作系统通常执行的操作不同的操作通常是不好的。