使用CSS向select元素添加空间的正确方法是什么?

时间:2011-09-14 23:56:41

标签: html css firefox google-chrome select

我正在使用现有的样式表,我注意到我的选择元素看起来非常紧张。我还注意到,当使用normalize.css框架时,这似乎也会发生:

Picture.png http://img813.imageshack.us/img813/995/picturey.png

我尝试在select和选项中添加一些填充:

Picture 1.png http://img850.imageshack.us/img850/133/picture1ct.png

在chrome中看起来不错:

Picture 3.png http://img18.imageshack.us/img18/68/picture3pj.png

但在firefox中仍然很奇怪 - 注意看起来臃肿的箭头。当我使用sroll选择选项时,它也有点奇怪。只是让我想知道我是否做得对。

Picture 2.png http://img215.imageshack.us/img215/7650/picture2ykj.png

这是添加一些间距的正确方法还是有更好的方法?我尝试使用行高,但似乎没有太大影响。

1 个答案:

答案 0 :(得分:-1)

为什么不高度:?px; - 看起来让我能够接近我想要的所有浏览器。