對齊文本「輸入選擇」

我有一個簡單的形式與CSS，並有與此風格選擇：對齊文本「輸入選擇」

.mysub_item select { 
    height: 29px; 
    width: 142px; 
    background: url("/images/input-background.png") no-repeat scroll 0 4px transparent; 
    border: 0; 
    font-size: 12px; 
    font-weight: bold; 
    color: #4B4B4D; 
}

和內部的選擇的文本始終對齊到頂部和左側;有什麼方法可以移動文本？

IE7，IE8和IE9垂直設置該文本中心的驚喜。

來源

2011-11-30 armandfp

的text-align：中心 –

你只需要添加填充樣式，然後相應地調整高度和寬度。

例如

padding: 5px;

身高現在等於原來的高度 - 10px的寬度現在等於原來的寬度（頂部和底部填充爲5px） - 10px的（左側5px的填充和右）

另外，作爲@peduarte建議，你可以添加line-height，這實際上給出了與填充相同的結果。

來源

2011-11-30 09:31:29

只是爲了補充，行高度也可以用來使這個高度跨瀏覽器。 – peduarte

啊是的，好的想法 –

，這只是一個驚喜，因爲我把@TimBJames填充和工作，但沒有減少高度和寬度：[image]（http://sinapsisperu.com/armandfp/a/select -center-align.png） – armandfp

這個屬性添加到CSS

text-align:center

來源

2011-11-30 09:32:28 coolguy

我不想讓中心，我只想像填充：3px 0 0 5px;僅用於選擇內部的文本，不用於選擇。 – armandfp

試試這個，可以幫助你

.mysub_item select { 
    height: 29px; 
    width: 142px; 
    background: url("/images/input-background.png") no-repeat scroll 0 4px transparent; 
    border: 0; 
    font-size: 12px; 
    font-weight: bold; 
    color: #4B4B4D; 
    vertical-align:middle; 
    line-height:1.8; 
}

來源

2011-11-30 09:33:10

不起作用，我試圖在FF，歌劇，鉻和IE – armandfp

只是把你的HTML部分這個樣式表我檢查告訴你最新什麼是問題 –

變化高度height: 22px;

來源

2011-11-30 09:53:19

對齊文本「輸入選擇」

回答

相關問題