如何将CSS应用于Mac Chrome选择框？

不管我做什么，使用Mac OSX 10.9.2和Chrome 33.0.1750.152版，

填充

，

背景色

，什么都不起作用。我真的只是想在

select

元素上应用

padding top

和

padding bottom

的

。有什么好处？如何在所有平台上全局执行此操作？？？
您需要应用
-webkit外观：无在webkit浏览器中添加CSS以选择元素时

演示
将以下属性添加到css文件中的选择中：

-webkit-appearance:none;

实现自然设计有更好的选择：

height:30px;
background:#ffffff;


p、 

Vector的答案是隐藏右侧的箭头
 如果使用的是引导，则可以添加类
自定义选择
：

<select class="form-control custom-select">

此解决方案不仅适用于
选择
，还适用于
输入
和
文本区域

select,
textarea,
input {
    -webkit-appearance: none !important;
       -moz-appearance: none !important;
            appearance: none !important;
}

我还将该解决方案应用于所有浏览器，因此它在任何地方都应该以相同的方式工作

！重要提示
为我做了这个技巧，但这取决于你是否需要它。
哇，这也适用于其他浏览器吗？或者只是铬？我的意思是，其他浏览器也有前缀吗？好的，但我希望选择框中有箭头，但只希望添加填充
-webkit外观：无
删除选择框的箭头，但如何将其取回？您可以使用背景图像教程谢谢，这就是我要做的！更好的答案是在这个线程中：好的，但我想要选择框中的箭头，但只想添加填充
-webkit外观：无
删除选择框的箭头，但如何将其取回？@Almog_0 answer修复箭头问题。噢，哇，填充不起作用，但高度和边框起作用？！似乎很武断。。
select,
textarea,
input {
    -webkit-appearance: none !important;
       -moz-appearance: none !important;
            appearance: none !important;
}