2011-12-21 59 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;。隨着填充,你會得到着名的盒子問題。