Question

快速提问我有3个复选框

我想让他们旁边的文字变成白色，而旁边的文字我的意思是YES部分

任何想法？

＆＃13;

	<div class="wrapper3">
	<h3 style="color:white;"><i>Choose Your Game Preferences</i></h3>
	<h4 style="color:white;"><i>Do You Want Sound ?</i></h4>
	<input type="checkbox" value="No" id="sound">Yes
    <h4 style="color:white;"><i>Do You want Text ?</i></h4>
    <input type="checkbox" value="No" id="text">Yes
	<h4 style="color:white;"><i>Do You want Flashes ?</i></h4>
    <input type="checkbox" value="No" id="flash">Yes
	</div>

＆＃13;

Answer 1

可能跨度最简单：

<h4><i>Do You want Flashes ?</i></h4>
   <input type="checkbox" value="No" id="flash">
   <span class="whiteText">Yes</span>
</div>

CSS：

.whiteText {
color: white;
}

或者通过使用style="color:white;"替换类来实现内联样式。

Answer 2

你可以通过提供所有的checkbx和单选按钮标签，以及“for”属性，一举两得。

这首先允许您将CSS附加到标签上（为此标签指定一个ID）。但它现在也是编写复选框和收音机的正确方法，使您的网站可供残疾人访问。视力受损或处理受损的人难以点击像复选框一样小的物品。标签可以与附加的复选框一起选择，为用户提供更大的区域点击。这些天是很好的做法，特别是如果你进行专业的网络开发。

Answer 3

只需添加标签并设置标签样式即可。我将在这里使用内联样式，但最佳做法是分离html和CSS

<div class="wrapper3">
   <h3 style="color:white;"><i>Choose Your Game Preferences</i></h3>
   <h4 style="color:white;"><i>Do You Want Sound ?</i></h4>
   <label style="color:white;"><input type="checkbox" value="No" id="sound">Yes</label>
   <h4 style="color:white;"><i>Do You want Text ?</i></h4>
   <label style="color:white;"> <input type="checkbox" value="No" id="text">Yes</label>
   <h4 style="color:white;"><i>Do You want Flashes ?</i></h4>  
   <label style="color:white;"> <input type="checkbox" value="No" id="flash">Yes</label>
</div>

如何更改复选框旁边的文本颜色

3 个答案: