如何在选择时将HTML单选按钮加粗?

如何在选择时将HTML单选按钮加粗?,第1张

概述在 HTML中,我有以下单选按钮选项 o选择1 o选择2 o选择3 我想做的是当有人从上面选择一个单选按钮时,与所选单选按钮对应的文本变为粗体. 因此,例如 – 如果此人选择“选择2”,单选按钮选择现在看起来像: o选择1 o选择2 o选择3 我该怎么做呢?我假设必须使用JavaScript或CSS. 提前致谢 更新:如何在不使用jQuery的情况下实现“nickf”解决方案? 您可以使用CSS完 在 HTML中,我有以下单选按钮选项

o选择1
o选择2
o选择3

我想做的是当有人从上面选择一个单选按钮时,与所选单选按钮对应的文本变为粗体.

因此,例如 – 如果此人选择“选择2”,单选按钮选择现在看起来像:

o选择1
o选择2
o选择3

我该怎么做呢?我假设必须使用JavaScript或CSS.

提前致谢

更新:如何在不使用jquery的情况下实现“nickf”解决方案?

解决方法 您可以使用CSS完全执行此 *** 作,但您需要将每个输入的文本包装在span或其他标记中:
<input type="radio" name="group1" value="Milk"><span>Milk</span><br>

然后只使用兄弟选择器:

input[type="radio"]:checked+span { Font-weight: bold; }
总结

以上是内存溢出为你收集整理的如何在选择时将HTML单选按钮加粗?全部内容,希望文章能够帮你解决如何在选择时将HTML单选按钮加粗?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1129319.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-30
下一篇2022-05-30

发表评论

登录后才能评论

评论列表(0条)

    保存