html - 检查 css 是否需要 JSF inputText

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 中引用样式类，就像您使用具有已定义类的普通标签一样。

希望这能给你一些指导。

来源/示例:
How apply CSS on a <h:inputText>?
css expression not work for primefaces