在css文件中样式化jsf标记

Question

我有一个网络项目。样式化html标签，div或类时我没有问题。但是当我设置一个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

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

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

或者可能是这样的。

<h:graphicImage styleClass="testStyle"/>

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