html - 我如何(默认情况下)以不同方式设置不同类型标签的样式？

Question

在我的表单中，我希望将 HTML 标签设置为粗体，但在标记单选按钮和复选框时不加粗。

我如何在可以导入并默认工作的 CSS 中做到这一点，而不需要对样式进行本地覆盖？

单选标签示例(不应为粗体)

<label for="banana">
<input type="radio" name="banana" id="banana" value="banana" />Banana
</label>

非单选标签示例(应为粗体)

<label for="id">ID</label>
<input type="text" size="12" id="id" name="id" />

如果有帮助，我可以更改关联标签的方式。

谢谢!

Answer 1

如果不给正确的标签一个类或使用 Javascript，您就无法做到这一点。使用 jQuery 选择器，您可以这样做:

$("label:not(:has(radio))").addClass("boldmenow");
...
.boldmenow {
  font-weight: bold;
}