Question

我正在尝试使{strong> IE 和 Firefox 中的radio按钮看起来相同。

我有以下示例：

<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语句就可以了，但由于其他问题，我无法使用它。

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

Answer 1

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

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

您看到的间距既不是填充也不是边距，而是单选按钮的呈现（如您在IE中按F12，然后在“HTML”下找到元素并查看布局描述 - 元素））。

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

IE单选按钮忽略margin = 0

1 个答案: