Question

我的primefaces输出标签不能适应我的css中定义的字体大小。它调整到字体重量tho。标签是粗体，但文字大小没有变化命名空间

xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui"

CSS

.headLine {
  font-weight: bold;
  font-size: 25;
}

HTML

<p:outputLabel
  id="headline_id"
  value="Some headline"
  styleClass="headLine">
</p:outputLabel>

如果我直接在我的html中包含font-size它可以正常工作

将其添加到outputLabel-Tag会更改大小

style="font-size: 25"

我尝试使用和不使用单元＆＃34; px＆＃34;来定义它。如果我只定义大小，还尝试删除font-weight属性以查看它是否有效。也没有工作。我不明白为什么它会正确加载font-weight属性，但在css中定义时会忽略font-size。

更新：使用h:outputLabel它可以与我的css类一起使用。只有primefaces组件具有此行为

Answer 1

你有一个id标题，但你正在使用class select try

#headline_id {
 font-weight: bold;
 font-size: 25px;
}

<p:outputLabel
   id="headline_id"
   value="Some headline"
   styleClass="headLine">
 </p:outputLabel>

或指定课程

.headline_class {
  font-weight: bold;
  font-size: 25px;
}


<p:outputLabel
   class="headline_class"
   value="Some headline"
   styleClass="headLine">
</p:outputLabel>

Answer 2

使用 css !important 规则

<p:outputLabel value="some stuff" style="font-size: 18px !important;"></p:outputLabel>

OutputLabel不会从css

2 个答案: