css - 单选按钮周围的空间变大

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)“检查元素”以查看它是否具有任何继承