文章/答案/技术大牛

发布

社区首页 >问答首页 >IE单选按钮忽略margin=0

问IE单选按钮忽略margin=0
EN

Stack Overflow用户

提问于 2012-07-13 21:06:07

回答 1查看 1.6K关注 0票数 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>

在0. IE中，radio按钮有一个额外的空白，其边距应为。因此，文本应该非常接近radio，但事实并非如此。

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

还有别的办法来解决这个问题吗？

html

internet-explorer

firefox

radio-button

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-07-14 04:39:11

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

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

您看到的间距既不是填充的，也不是边距的，而是单选按钮呈现的一部分(正如您在IE中按F12时所看到的那样，然后在“HTML”下找到元素并查看布局描述--元素)。

浏览器似乎通常将单选按钮和复选框实现为13×13像素(总维数)，但使用20×20模式的IE除外，除非在CSS中另有设置。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11478383

复制

相似问题

问IE单选按钮忽略margin=0
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE单选按钮忽略margin=0EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE单选按钮忽略margin=0
EN