Question

我有以下表格，由两个单选按钮组成我可以通过CSS获得我想要的颜色类型，但下面的男性和女性值保持白色，CSS不会改变颜色。

<div class="form-title-radiobuttons">Type</div>
<input class="form-title-radiobuttons" type="radio" name="type" value="male"  checked> Male<br>
<input class="form-title-radiobuttons" type="radio" name="type" value="female"> Female<br><br />

.form-title-radiobuttons {
  margin-bottom:10px;
  color: #725129;
  text-shadow: #fdf2e4 0 1px 0;
}

Answer 1

因为您在包含</div>和文字之前已经关闭了input。颜色范围仅适用于Type。同时添加<label>标签会为单选按钮提供大量可点击区域。这应该有效：

＆＃13;

.form-title-radiobuttons {
  margin-bottom:10px;
  color: #725129;
  text-shadow: #fdf2e4 0 1px 0;
}

＆＃13;

<div class="form-title-radiobuttons">Type<br>
  <label><input class="form-title-radiobuttons" type="radio" name="type" value="male"  checked> Male</label><br>
  <label><input class="form-title-radiobuttons" type="radio" name="type" value="female"> Female</label><br><br />
</div>

＆＃13;

如何改变无线电形式的颜色

1 个答案: