2017-08-28 1 views
-1

J'ai une page xhtml et j'essaie de remplacer le element.style. J'avais essayé d'appliquer mon propre CSS mais cela ne fonctionnait pas du tout. J'ai la recherche par la question similaire que je fais face, mais personne ne travaille pour moi.comment surcharger element.style en utilisant css

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

Quelqu'un a une idée comment puis-je appliquer mon propre CSS pour que je puisse remplacer ce 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> 

La sortie de ma page d'écran (la couleur de fond pas disposés en tout) ne serait pas ce que je pensais pour que l'écran ci-joint. Output screen image

+0

Je ne suis pas familier avec JSF, mais à partir des captures d'écran, il semble que vous ayez besoin de mettre l'attribut 'style' dans le parent de' h: outputText' à la place. –

Répondre

0

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

+0

Je coupe la partie de ma page xhtml. Le code extrait est comme ci-dessous. Mais le style = "background-color: green;" ne correspond pas à la totalité de mon texte de sortie. Comment puis-je le faire pour devenir la couleur d'arrière-plan complète du texte en sortie? \t shanelim

0

C'est de style CSS en ligne qui est utilisé pour appliquer un style unique à un seul HTML element.They proviennent de l'attribut style="" qui définit element.style.someProperty.

Par exemple:

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

Cela définira en direction de couleur bleue. Si vous inspectez alors vous verrez comme ceci:

enter image description here

Comme dans votre instantané si vous voulez changer le style, vous pouvez mettre style attribut dans tbody. En savoir plus here.