2011-12-21 66 views
3

如何在选择选项文本的顶部添加填充?添加填充到选定的部件

例如:

example http://i43.tinypic.com/2hcq9om.png

代码:

select { 
    background-image:url(../images/select.png); 
    width:287px; 
    height:35px; 
    text-align: center; 
    border:0; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    padding-left:10px; 
    padding-right:2px; 
    font-size:14px; 
    font-family: Arial, Helvetica, sans-serif; 
    color:#999999; 
} 
+1

张贴您的代码 – 2011-12-21 05:12:33

+0

我尝试添加填充顶部到CSS,但箭头也填充。 – Ajay 2011-12-21 05:12:38

+0

为什么你想要这样一个高大的“选择”框,如果你的字体是这个高度的一半呢? – 2011-12-21 05:15:32

回答

1

添加

padding-top: 10px; 
height:25px; 

到你的CSS

2

我会去line-height:35px;。随着填充,你会得到着名的盒子问题。