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

Question

我是CSS的新手，有一个问题，我似乎找不到任何答案。我有一个复合组件，基本上是一个Primefaces复选框，这是一个复合组件，为此，我想增加标签的宽度。

我尝试将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%;  
}