css - 在 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 进行样式设置？你能帮我么？

score 2 · Accepted Answer

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

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

但是你当然也可以使用styleandstyleClass

score 1 · Accepted Answer

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

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

或者可能是这样的。

<h:graphicImage styleClass="testStyle"/>

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

2 回答 2