定義用於輸入的CSS，使用樣式類

-2

我試圖定義一個適用於給定樣式類（「beveledInput」）的所有輸入字段的CSS規則。例如，寫這篇XHML代碼時：定義用於輸入的CSS，使用樣式類

<p:inputText value="#{filtersBean.titleLike}" styleClass="beveledInput" />

這是生成的HTML代碼

<input type="text" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all beveledInput" name="_xyz_WAR_xyz_:j_idt5:j_idt33" id="_xyz_WAR_xyz_:j_idt5:j_idt33" role="textbox" aria-disabled="false" aria-readonly="false">

到目前爲止，我已經成功地定義這個css樣式，

.aui input[type="text"], 
.aui input[type="search"], 
.aui textarea, 
.aui 
.uneditable-input { 
    border-radius: 4px; 
    border-color: #333333; 
    height: 12.5px; 
    width: 220px; 
}

，但當然它適用於所有的輸入域，這不是我真正需要的。

如何使用beveledInput css類時應用只有？

來源

2015-04-27 yannicuLar

利用combination of classes在CSS

.aui input[type="text"].beveledInput, 
.aui input[type="search"].beveledInput, 
.aui textarea.beveledInput, 
.aui .uneditable-input.beveledInput { 
    border-radius: 4px; 
    border-color: #333333; 
    height: 12.5px; 
    width: 220px; 
}

來源

2015-04-27 10:19:59

Thanx，這工作對我來說 – yannicuLar

@yannicular。 JSF/PrimeFaces只是一個html生成器，所以它實際上不是PrimeFaces相關的，而是純html/css。在推進 – Kukeltje

@Kukeltje之前，我可以很好地掌握一些基本的css知識，我同意，我應該學習一些css。感謝您誠實的建議。 – yannicuLar

-1

嘗試以此爲例：

應用CSS樣式

<style> 
     .inputText{ 
      color: blue !important; 
      border-radius: 4px; 
      border-color: #333333; 
      height: 12.5px; 
      width: 220px; 
     } 
</style>

而且Primefaces組件

<p:inputText styleClass="inputText" />

來源

2015-04-27 09:31:02 Sarz

感謝名單！雖然沒有工作.. – yannicuLar

每次都爲我工作，不知道爲什麼不爲你 – Sarz

定義用於輸入的CSS，使用樣式類

回答

相關問題