html - 面对 IE8 和 Firefox 的复选框文本对齐问题

Question

我以下列方式使用复选框。Firefox中的屏幕截图

IE8中的截图在这里

这是代码

<div>
   <div>Testing :</div>
   <div><input type="checkbox" value="1"/> One</div>
   <div><input type="checkbox" value="2"/> Two</div>
   <div><input type="checkbox" value="3"/> Three</div>
</div>

如何在两个浏览器中垂直居中对齐文本？

Answer 1

在你的 CSS 中写下这个 -

input[type="checkbox"]{
    vertical-align: middle;
}

工作演示

内联 CSS 技巧适用于 WIN XP。尝试 -

<div><input type="checkbox" value="1" style="vertical-align: middle;" /> One</div>

Answer 2

尝试使用不同的 css ：

<!--[if IE 8]>
    <link rel="stylesheet" type="text/css" href="ie8.css">
<![endif]-->

在这个文件中为复选框写你自己的css for ie 8