css 文件中的样式化 jsf 标签

Question

我有一个网络项目。我在设置 html 标签、div 或 class 样式时没有遇到任何问题。但是当我为 JSF 标签 (graphicImage) 设置样式时，它不起作用。

这样也不行:

graphicImage{
width:280px;
height:130px;
margin-left:10px;}

也不：

h:graphicImage{
width:280px;
height:130px;
margin-left:10px;}

如何使用外部样式 css？你能帮帮我吗？

Answer 1

您不要设置 jsf xhtml 标签的样式。您为客户端设置样式 html。使用浏览器开发工具并检查浏览器中内容的来源。 JSF h:graphicImage 客户端是一个 <img> 标签。风格。

img {
   width:280px;
   height:130px;
   margin-left:10px;
}

但您当然也可以使用 style 和 styleClass

Answer 2

也许你可以在标签本身做，通过使用 style 属性。

<h:graphicImage style="width:280px;
                height:130px;
                margin-left:10px;"/>

或者可能是这样。

<h:graphicImage styleClass="testStyle"/>

.testStyle
 {
    width:280px;
    height:130px;
    margin-left:10px;
 }

styling jsf tag in css file