Java jsp需要编写不同颜色的文本

Java jsp需要编写不同颜色的文本,java,css,jsp,jsf,Java,Css,Jsp,Jsf,我需要在JSF2文本中用不同的颜色写一行。这是我的密码: <h:panelGrid id="accessinfo_grid" columns="3"> <h:outputText id="loginid" value="#{msgs.loginId}" styleClass="label"/> <h:outputText id="loginid_asterix" value="#{msgs.asterix}" styleClass="error_message"/&

我需要在JSF2文本中用不同的颜色写一行。这是我的密码:

<h:panelGrid id="accessinfo_grid" columns="3">
<h:outputText id="loginid" value="#{msgs.loginId}" styleClass="label"/>
<h:outputText id="loginid_asterix" value="#{msgs.asterix}" styleClass="error_message"/>
<h:inputText  id="inputusername" disabled="true" value="#{userAccount.userName}"/>
<h:outputText id="password" value="#{msgs.passwordID}" styleClass="label"/>
<h:outputText id="passwordid_asterix" value="#{msgs.asterix}" styleClass="error_message"/>
<h:secretText  id="inputpassword" disabled="true" value="#{userAccount.password}"/>
</h:panelGrid> 
但现在是这样的:

Login:   * edit_box
Password:* edit_box
我希望红色正好在第一个文本之后。也许我应该尝试使用其他东西,然后使用panelGrid,但我不知道是什么/如何使用

我是这方面的新手

谢谢,

您可以使用
并通过
styleClass=“color red”
添加类属性。例如:

<h:outputText styleClass="color-red" value="*" /> ...
您可以使用
并通过
styleClass=“color red”
添加类属性。例如:

<h:outputText styleClass="color-red" value="*" /> ...
在生成HTML的
中,每个直接子JSF组件都将以自己的
结束。您需要对JSF组件进行分组,这些组件应该在
中的相同
中结束


(请注意,我将不存在的
h:secretText
替换为
h:inputSecret
,不知道为什么要使用它)

请注意,这与CSS无关。禁用CSS时,您仍然会遇到完全相同的问题。我建议暂停一下JSF,集中精力阅读一些不错的HTML教程,以便更好地了解JSF生成的内容是如何工作的(您可以通过在浏览器中打开JSF页面并右键单击查看源代码来查看)。

中,它生成了一个HTML
,每个直接子JSF组件都将以自己的
结束。您需要对JSF组件进行分组,这些组件应该在
中的相同
中结束


(请注意,我将不存在的
h:secretText
替换为
h:inputSecret
,不知道为什么要使用它)


请注意,这与CSS无关。禁用CSS时,您仍然会遇到完全相同的问题。我建议暂停一下JSF,集中精力阅读一些不错的HTML教程,以便更好地理解JSF所生成的内容是如何工作的(您可以通过在浏览器中打开JSF页面并右键单击并查看源代码来查看)。

这毫无意义。您可以使用style=“color:red”或使用styleClass=“highlight”并在css中设置红色。将类命名为“红色”没有额外的价值。为此,只需在标签中添加样式“fieldrequired”,并使用css内容或背景添加红星也是有意义的。谢谢你的回复。您有权,但在这个styleClass=“error\u message”中,我将颜色设置为红色。无论如何谢谢你!这毫无意义。您可以使用style=“color:red”或使用styleClass=“highlight”并在css中设置红色。将类命名为“红色”没有额外的价值。为此,只需在标签中添加样式“fieldrequired”,并使用css内容或背景添加红星也是有意义的。谢谢你的回复。您有权,但在这个styleClass=“error\u message”中,我将颜色设置为红色。无论如何谢谢你!非常感谢它的工作,你能推荐一些教程吗?我读了一些关于这方面的东西,但不太多。非常感谢它的工作,你能推荐一些教程吗?我读了一些关于这方面的东西,但不太多。
.color-red {
    color: #F00;
}