select - 垂直对齐 IE8 选择元素内的文本

标签 select internet-explorer-8 input vertical-alignment

我有一个选择类型的 HTML 输入元素。元素的高度为 28px。在不使用 CSS 修改元素的情况下,内部文本在除 IE8 之外的所有浏览器中都会自动垂直对齐。在 IE8 中,选择的文本位于元素的左下角。

有谁知道如何垂直对齐 HTML 选择元素内的文本?

最佳答案

没有您的 html很难确切地知道你在设计什么。听起来您正在使用类似 <input type="select" /> 的东西但这实际上不是有效的 html。

但是,要垂直对齐中间的文本,您需要设置 line-height与您的 height 相同.

所以在这种情况下,你需要设置 line-height: 28px; 匹配 height: 28px; .

为您 html我建议使用:

  • <input type="text" />如果您正在寻找标准文本输入

  • 如果您正在寻找下拉选项:
    <select>
        <option value="Test1">Test 1</option>
        <option value="Test2">Test 2</option>
    </select>
    
  • 关于select - 垂直对齐 IE8 选择元素内的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6819752/

    相关文章:

    mysql - 从表中选择,其中一列仅包含另一列的元素

    jquery - IE8 的奇怪问题(但不是 IE7/Firefox/Chome)- 使用 Javascript 后内容溢出

    javascript - 网站可在除 Internet Explorer 8 以外的所有浏览器上运行

    jquery - 如何在 IE 中更改图像的不透明度? -jQuery,CSS

    javascript - 如果单选按钮是 (':checked' ) - 无法正常工作

    mysql select - 当列不存在时,select AVG() 查询不返回

    mysql - SQL语句将行减半

    mysql - 如何查询连接表以满足多个条件?

    c# - 在 System.ConsoleKey 值使用完毕后,如何使它无效(或分配另一个值)?

    c - 键盘输入,不同的按键有不同的响应