首页 > 解决方案 > 如何设计风格与 CSS

问题描述

所以我正在尝试设置我的 inputText 的样式,但它在这里不起作用是我的XHTML代码

<h:form>
   <h:panelGrid columns="1" styleClass="contactform">
       <h:inputText value="#{formateurController.formateur.nom}"  class="text-input" a:placeholder="Nom"  />
//rest of the form 
     <h:panelGrid>  
</h:form> 

和我的CSS

.contactform .text-input{
  border-radius: 10px;
  box-shadow: none;
  font-family: poppins;
  font-size: 14px;
}
.contactform .text-input:focus{
     border-color: #d9232d;
}

标签: jsf

解决方案


JSF 组件中没有类属性。

您应该在 <h:inputText> 标记中将属性“class”替换为“styleClass”


推荐阅读