垂直对齐 IE8 选择元素内的文本
我有一个类型为 select 的 HTML 输入元素。元素的高度为 28px。在不使用 CSS 修改元素的情况下，内部文本会在除 IE8 之外的所有浏览器中自动垂直对齐。在 IE8 中，选择的文本位于元素的左下角。
有谁知道如何垂直对齐 HTML 选择元素内的文本？
I have an HTML input element of type select. The height of the element is 28px. Without modifying the element with CSS, the text inside gets automatically vertically-aligned in all browsers except for IE8. In IE8 the select's text is in the bottom left corner of the element.
Does anyone know how to vertically-align the text inside an HTML select element?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
如果没有
html，就很难确切地知道您正在设计什么样式。听起来您正在使用类似的内容，但这实际上不是有效的 html。但是，要在中间垂直对齐文本，您需要将
line-height设置为与height相同的数字。因此，在这种情况下，您需要设置
line-height: 28px;以匹配height: 28px;。对于您的
html我建议使用：如果您正在寻找标准文本输入或
如果您正在寻找下拉选择：< /p>
<前><代码><选择>;
<选项值=“测试1”>测试1
<选项值=“测试2”>测试2
Without your
htmlit is hard to know exactly what you are styling. It sounds like you are using something like<input type="select" />but that isn't actually valid html.However, to vertically align the text in the middle you need to set the
line-heightto be the same figure as yourheight.So in this case you would need to set
line-height: 28px;to matchheight: 28px;.For your
htmlI would recommend either using:<input type="text" />if you are looking for a standard text inputor
If you are looking for a drop down selection: