css - 如何覆盖作为复合组件一部分的标签的 CSS？

Question

我是 CSS 的新手，有一个问题我似乎找不到任何答案。我有一个复合组件，它基本上是一个 Primefaces Checkbox，这是一个复合组件，对于这个元素，我想增加标签的宽度。

我尝试将 styleClass="myStyle"添加到我的复选框，然后在 CSS 中:

.fullPanel.test label{
   width:25%;  
}

这是我的复选框:

<gcc:checkBox id="angabenKorrekt" label="#{messages['checkBoxLabel']}"
            value="#{bean.checkBox}" />

检查时，我生成的页面看起来是这样的: HTML inspector

基本上，我希望能够更改某些 UI 元素的默认 CSS。目前样式来自:.fullPanel .inputBox 标签，如打印屏幕所示。

Answer 1

这应该按照您的 html 检查器工作，只有在没有其他方法时才使用 !important。

.fullPanel .inputBox label{
   width:25%;  
}