Primefaces CSS不工作p：selectOneMenu＆p：calender

Primefaces CSS在p:selectOneMenu和p:calendor組件中不起作用。當我給style="width:190px;" 它採取，但是當我使用風格類沒有采取。Primefaces CSS不工作p：selectOneMenu＆p：calender

see the below...

來源

2014-02-26 Pravin

爲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; 
    }

，並添加styleClass="dropdownWidth"您p:selectOneMenu組件

來源

2014-02-27 07:28:16 Shruti

是的，它工作得很好，謝謝 – Pravin

使用瀏覽器的開發者工具（在Chrome中，命中F12或者右擊元素，然後選擇「檢查元素」），看看是否有被設置寬度任何其他CSS類，你可能有一個預先存在的類，該類設置的寬度將被內嵌樣式所取代，但不會被具有較低特定標識符的類所取代。

來源

2014-02-26 17:27:04 Marc

我試過了，但不起作用 – Pravin

什麼不起作用？開發人員工具本身還是潛在的CSS更改？ – Marc

可以使用大小選項來確定輸入元素的寬度。是這樣的：

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

來源

2017-04-12 08:27:39 Omar

Primefaces CSS不工作p：selectOneMenu＆p：calender

回答

相關問題