在 css 文件中设置 jsf 标签的样式答案

【问题标题】：styling jsf tag in css file在 css 文件中设置 jsf 标签的样式
【发布时间】：2018-09-30 07:22:44
【问题描述】：

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

这样也行不通：

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

也不：

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

如何使用外部 CSS 设置样式？你能帮帮我吗？

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

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

或者可能是这样的。

<h:graphicImage styleClass="testStyle"/>

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

【讨论】：