2017-08-28 78 views
-1

我有一个xhtml页面,我试图重写element.style。 source page view when i inspect如何使用css覆盖element.style

我曾尝试申请我自己的CSS,但它根本不起作用。 我有搜索类似的问题,我面对但没有人为我工作。

.element .style { text-align: center; background-color: green; }

任何人有我如何能将我自己的CSS,这样我可以重写此style.element什么想法?

<h:panelGrid id ="cibBulk" styleClass="interfaceDashboard" > 
     <h:outputText style="text-align: center;background-color: green;" styleClass= "interfaceTransactionTitle" value="CIB BULK UPLOAD TO HOST" /> 
     <..../> 
    </h:panelGrid> 

我的屏幕页面的输出(背景颜色不适合的话)不会是我所期望的为作为屏幕连接。 Output screen image

+0

我对JSF并不熟悉,但从屏幕截图看来,您需要将'style'属性放在'h:outputText'的父项中。 –

回答

0

div{ 
 
    background-color: green; 
 
} 
 
.element.style { 
 
    text-align: center; 
 
    color: #fff; 
 
}
<div> 
 
    <span class="element style">Hello</span> 
 
</div>

+0

我剪下我的xhtml页面的一部分。剪下的代码如下。但是style =“background-color:green;”不适合我的输出文本。 我怎样才能使它成为输出文本的完整背景颜色? \t shanelim

0

也就是说它是用来独特的风格适用于单个HTML element.They来自style=""属性,设置element.style.someProperty内联CSS样式。

例如:

<h1 style="color:blue;">Blue Heading</h1> 

这将设置前往蓝色。如果你检查,你会看到这样:

enter image description here

就像在你的快照,如果你想改变风格,你可以把styletbody属性。了解更多信息here