我想垂直对齐选择框中的文本。我试着用
select{
verticle-align:middle;
}
然而,它在任何浏览器中都不起作用。默认情况下,Chrome似乎会将选择框中的文本居中对齐。FF将其与顶部对齐,IE将其与底部对齐。有什么方法可以做到这一点吗?我在UIBinder中使用GWT的Select小部件。
这是我目前所拥有的:
select{
height: 28px !important;
border: 1px solid #ABADB3;
margin: 0;
padding: 0;
vertical-align: middle;
}
谢谢!
发布于 2014-02-12 18:56:10
我的解决方案是为select添加padding-top,只针对firefox,如下所示
// firefox vertical aligment of text
@-moz-document url-prefix() {
select {
padding-top: 13px;
}
}
发布于 2014-07-24 01:01:37
到目前为止,这对我来说工作得很好:
line-height: 100%;
发布于 2019-04-10 06:10:42
display: flex;
align-items: center;
https://stackoverflow.com/questions/5439782
复制相似问题