在css中为<input type =“radio”/>设置边距和填充？

Question

我似乎无法通过CSS来修改我的单选按钮。它们的默认设置不对称，所以我的布局看起来有点难看。我用javascript生成了一堆这些表单。我不想注入大量的内联style='margin:0px padding:0px'内容，但这是我能让它工作的唯一方法。

Answer 1

使用CSS选择器，您可以这样做：

input[type=radio] { margin: 0; padding: 0; }

但请注意旧版IE don't support attribute selectors。对于那些，您可以这样做：

<div class="radios">
   ...input tags...
</div>

和

.radios input { margin: 0; padding: 0; }

抓住老歌。这将减少表示代码的数量，同时保持与ie6的兼容性。