Question

这里是我的代码： xhtml页面：

<p:inputText required="true" value="#{bean.name}" />

和css代码：

input:focus{
        border-color: #5D8DC5;
}

input:focus:required:invalid:focus{
    border-color: #e9322d;
}

如果没有写入任何内容并且它被聚焦，应用程序应该将inputText的边框着色为红色。如果有东西写入，inputText应自动着色为蓝色。使用简单的html很容易：

<input type="text " name="name" required="true" />

如何使用像p：inputText？

这样的jsf组件在css中检查这个

Answer 1

我在这个领域并不是很清楚，但确实引起了一些兴趣，在搜索之后，我找到了一个有类似问题的人。

似乎要设置JSF组件的样式，你应该给它分配一个styleClass并引用你的css中的样式类，就像你有一个定义类的普通标签一样。

希望这会给你一些指导。

Answer 2

这很简单;使用EL，评估bean值并设置style属性：

<p:inputText required="true" value="#{bean.name}" style="color: #{bean.name == null ? 'red' : 'blue'};"/>

这里EL包含一个三元运算符，其结果计算为CSS color属性。