Question

所以我有一个单选按钮。我有以下标记：

.create-agreement-radio {
  padding-top: 20px;
}

.create-agreement-radio td {
  padding-top: 20px;
}

table .create-agreement-radio {
  padding-top: 20px;
}

<td class="text-center create-agreement-radio">
  <span class="radio-custom radio-primary" data-lastselected="0" data-bind="event: { click: function(data, event) { $root.contractRadioClick(data, event, this) } }">
<input type="radio" name="contractSelectRadio" data-bind=" attr: { id: 'contractSelected' + $index() }">
<label data-bind="attr: { 'for': 'contractSelected' + $index() }"></label>
</span>
</td>

我不确定为什么我的CSS更改没有在单选按钮上生效，但是如果我在元素中添加样式它工作正常，就在我将类应用到td时就不行了。

Answer 1

您可以查看此内容，我使用td标记将table包围，然后从*中移除了create-agreement-radio。一切正常。

＆＃13;

.create-agreement-radio {
  padding-top: 20px;
}

.create-agreement-radio td {
  padding-top: 20px;
}

table .create-agreement-radio {
  padding-top: 60px;
}

＆＃13;

<table>
<td class="text-center create-agreement-radio">
  <span class="radio-custom radio-primary" data-lastselected="0" data-bind="event: { click: function(data, event) { $root.contractRadioClick(data, event, this) } }">
<input type="radio" name="contractSelectRadio" data-bind=" attr: { id: 'contractSelected' + $index() }">
<label data-bind="attr: { 'for': 'contractSelected' + $index() }"></label>
</span>
</td>
</table>

＆＃13;

Answer 2

为了覆盖theme.css，我必须在我的课程中添加ID，现在看起来像：<td class="text-center" id="create-agreement-radio">

TD类没有变化没有生效

2 个答案: