如何覆盖作为复合组件一部分的标签的 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%;  
}