html - 如何在单选窗体中改变颜色

Question

我有以下由两个单选按钮组成的表单。
我可以通过 CSS 使类型具有我想要的颜色，但下面的 male 和 female 值仍为白色，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>标签会给你很多单选按钮的可点击区域。这应该有效:

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

<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>