checkbox设置字体颜色

本文介绍了两种在网页中修改复选框旁边文本颜色的方法。第一种方法使用HTML的标签来包裹复选框及文本,并通过CSS直接设置颜色;第二种方法则通过添加类并在JavaScript中动态设置样式属性实现。

两种方式

1:

jsp:

<input type="checkbox" name="fruits" value="Apple">Apple<br>

<input type="checkbox" name="fruits" value="Banana">Banana<br>

<input type="checkbox" name="fruits" value="Orange">Orange<br>

更改颜色:

<label style="color:red;">

   <input type="checkbox" name="fruits" value="Apple">Apple<br>

   <input type="checkbox" name="fruits" value="Banana">Banana<br>

   <input type="checkbox" name="fruits" value="Orange">Orange<br>

</label>

checkbox 本身不能修改字体颜色,所以在外层加一个label,设置label的字体颜色。

2:

js

<label class="lose">

<input type="checkbox" name="fruits" value="Apple">Apple<br>

<input type="checkbox" name="fruits" value="Banana">Banana<br>

<input type="checkbox" name="fruits" value="Orange">Orange<br>

</lavel>

更改颜色:

外层加一个label,

js:     $(".lose").attr("style","color:#ff0000");



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值