更改rich：simpleTogglePanel标题样式

Is it possible to change the header style of a rich:simpleTogglePanel ?? The font of the header is always "bold" and I want it to be normal.

是否可以更改rich的标题样式:simpleTogglePanel ??标题的字体总是“粗体”,我希望它是正常的。

I tried with the style attribute this way: style="font-weight:normal" without result.

我尝试使用style属性:style =“font-weight:normal”没有结果。

Any idea?

1 个解决方案

#1

Have you tried putting the !important at the end of your style definition(i.e. style="font-weight:normal !important;")?

您是否尝试在样式定义的末尾添加!important(即style =“font-weight:normal!important;”)?

Also, as I'm sure you are aware, it is usually better to specify your style in a separate stylesheet. I've customized the <rich:extendedDataTable in this manner (not sure if this is a hack or not, but it works great for me). Open your page in a browser and then crack open the developer tools (press F12 in Firefox with FireBug installed, or in Chrome right click on the rich:SimpleTogglePanel and click 'Inspect Element'. This will let you see the CSS definition name used by the RichFaces framework. Just create a new .css file and define the style you want using the name you find RichFaces is using.

此外,我相信你知道,通常最好在单独的样式表中指定你的样式。我已经以这种方式定制了 (不确定这是否是黑客攻击,但它对我很有用)。在浏览器中打开您的页面然后破解打开开发人员工具(在安装了firebug的firefox中按f12,或者在chrome中右键单击rich:simpletogglepanel并单击'inspect>

/*This class defines styles for a table cell.*/  
/*tableBorderWidth, tableBorderColor    border-bottom*/  
/*tableBorderWidth, tableBorderColor    border-right*/  
.rf-edt-c {  
    border-bottom: 1px solid #021e2f;  
    border-right: 1px solid #021e2f;  
    height: auto !important;  
    min-height: 26px;  
}

As you can see, you may need to specify the !important tag there as well, but it keeps the style outside of your page...

正如您所看到的,您可能还需要在其中指定!important标记,但它会将样式保留在页面之外...

Hope this helps.

希望这可以帮助。

#1