单选按钮周围的空间大

Question

我正在一个大型网站上工作，目前所有的单选按钮都是这样的：

在我的视图中，我有这段代码：

@Html.RadioButton("new", "new", false, new { @onclick = "New()", @id = "new", @class="radio-button" }) Some Text

用于单选按钮的CSS：

.radio-button label {
  width:5px;
}

宽度不会改变任何东西。如何删除单选按钮周围的所有空间并在单选按钮附近显示文本？我正在查看生成的CSS Site.css，但我无法找到它被定义为的地方。

谢谢！

Answer 1

您是否在其他地方定义输入宽度？这不是语义，但请尝试

margin:0;
padding:0;    
width:5px!important;

如果有效，请尝试使用开发者工具（chrome）“检查元素”，看看它是否有任何继承