对齐文本“输入选择”

我有一个简单的形式与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

对齐文本“输入选择”

回答

相关问题