Primefaces CSS不工作p:selectOneMenu&;压延机

Primefaces CSS不工作p:selectOneMenu&;压延机,primefaces,Primefaces,Primefaces CSS在p:selectOneMenu和p:calendor组件中不工作。 当我给出style=“width:190px;”时 它需要,但当我使用style类时,它不需要 使用浏览器开发工具(在Chrome中,点击F12或右键单击元素并选择“Inspect element”)查看是否有任何其他CSS类正在设置宽度,您可能有一个预先存在的类正在设置宽度,该宽度将被内嵌样式取代,但不会被标识符不太具体的类取代 使用浏览器开发工具(在Chrome中,点击F12或右键单击元素并选择

Primefaces CSS在
p:selectOneMenu
p:calendor
组件中不工作。 当我给出
style=“width:190px;”时
它需要,但当我使用style类时,它不需要


使用浏览器开发工具(在Chrome中,点击F12或右键单击元素并选择“Inspect element”)查看是否有任何其他CSS类正在设置宽度,您可能有一个预先存在的类正在设置宽度,该宽度将被内嵌样式取代,但不会被标识符不太具体的类取代

使用浏览器开发工具(在Chrome中,点击F12或右键单击元素并选择“Inspect element”)查看是否有任何其他CSS类正在设置宽度,您可能有一个预先存在的类正在设置宽度,该宽度将被内嵌样式取代,但不会被标识符不太具体的类取代

对于
p:Calendar
覆盖以下css:

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 2px 2px #D3D3D3 inset;
    color: #555555;
    width: 190px!important;
}
对于
p:selectOneMenu
添加以下css:

.dropdownWidth{
        width:190px !important;
    }

并为
p:selectOneMenu
组件添加
styleClass=“dropdownWidth”
,为
p:Calendar
覆盖以下css:

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 2px 2px #D3D3D3 inset;
    color: #555555;
    width: 190px!important;
}
对于
p:selectOneMenu
添加以下css:

.dropdownWidth{
        width:190px !important;
    }

并为您的
p:selectOneMenu
组件添加
styleClass=“dropdownWidth”
,您可以使用大小选项来确定输入元素的宽度。 像这样:

<p:calendar id="dateNaissance" value="#{utilisateurController.selected.dateNaissance}" 
showOn="button" size="32" />

您可以使用大小选项来确定输入元素的宽度。 像这样:

<p:calendar id="dateNaissance" value="#{utilisateurController.selected.dateNaissance}" 
showOn="button" size="32" />


什么不起作用?开发人员工具本身或潜在的CSS更改?什么不起作用?开发人员工具本身还是潜在的CSS更改?