将填充添加到选择小部件

时间:2011-12-21 05:10:51

标签: css select padding

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

例如:

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;
}

2 个答案:

答案 0 :(得分:2)

我会选择line-height:35px;。使用填充,你会遇到着名的盒子问题。

答案 1 :(得分:1)

添加

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

到你的css