2

我试图让radio按钮在IE和Firefox中看起来一样。

我有以下示例：

<head>
<style media="screen" type="text/css">    
    html, body, div, form {
        margin: 0;
        padding: 0;
    }
    input{
        margin: 0;
        padding: 0;    
    }
</style>
</head>

<body>
<span style="font-family:Arial; color:#000000; font-size:8pt;">
    <input type="radio" name="blah" value="7">MyWord<br>
</span>
</body>

在IE中，该radio按钮在边距应位于的位置有一个额外的空白区域0。所以应该非常接近的文本radio不是。

我知道如果我使用该DOCTYPE语句它可以工作，但由于其他问题，我不能使用它。

有没有其他方法可以解决这个问题？

4

1 回答 1

3

将单选按钮元素的宽度设置为足够小的值：

<input type="radio" name="blah" value="7" style="width: 13px">

您看到的间距既不是填充也不是边距，而是单选按钮渲染的一部分（如果您在 IE 中按 F12，然后在“HTML”下找到元素并查看布局描述 - 元素，则可以看到）。

似乎浏览器通常将单选按钮和复选框实现为 13 × 13 像素（总尺寸），除了 Quirks 模式下的 IE，它使用 20 × 20，除非在 CSS 中另外设置尺寸。

于 2012-07-14T04:39:11.083 回答