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