如何将CSS应用于Mac Chrome Select Box?

Sol*_*son 27 css macos google-chrome padding

不要紧,我做什么,使用的是Mac OSX 10.9.2和Chrome版本33.0.1750.152, ,padding,background-color没有什么工作.我真的只是想应用padding-toppadding-bottom5px一对select元素,作品无处不在CEPT铬在MAC OSX.是什么赋予了?如何在所有平台上全局实现?

Kev*_*nch 56

-webkit-appearance:none;添加CSS以在webkit浏览器中选择元素时需要应用.

演示http://jsfiddle.net/XxkSC/3830/

  • 好的,但是我想要选择框中的箭头,但只想添加填充.`-webkit-appearance:none`删除了选择框的箭头,但如何取回它? (5认同)

Alm*_*g_0 9

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

height:30px;
background:#ffffff;
Run Code Online (Sandbox Code Playgroud)

DEMO JSFiddle

PS

Vector的答案是隐藏右侧的箭头.

  • 哦,哇,所以填充不起作用,但是高度和边框可以吗?似乎很武断。 (2认同)