2013-04-21 92 views
0

我有這個Primefaces日曆自定義皮膚:如何刪除輸入字段佈局

enter image description here

enter image description here

事實證明,提交的輸入也被Primefaces皮膚覆蓋。這是Primefaces皮膚的css文件:http://pastebin.com/yiJ1YjUx

你能告訴我如何刪除輸入提交的佈局 - 我只需要基本的白色輸入提交?

+0

你想刪除日曆組件的輸入字段? – 2013-04-21 17:05:27

+0

我想刪除輸入字段的CSS佈局 - 只是默認的白色輸入字段。 – 2013-04-21 17:07:18

+0

您可以覆蓋日曆組件的css類。 – 2013-04-21 17:16:15

回答

1

你可以試試:

<style type="text/css"> 
       #test{ 
        background-color: magenta !important; 
       } 
      </style> 
      <p:inputText id="test"/> 

日曆使用輸入組件從用戶那裏獲取輸入,並將其放置輸入標籤span標記內,所以你可以自定義日曆(不影響所有輸入):

  <style type="text/css"> 
       span input{ 
        background-color: blue !important; 
       } 
      </style> 
+0

我剛剛測試過,它只是顯示白色的輸入字段。 – 2013-04-21 17:18:16

+0

工作不正常 - 輸入字段爲黑色,點擊輸入字段時日曆不顯示。 – 2013-04-21 17:18:44

+0

哦,非常抱歉,我瞭解您的問題,Calendar組件使用輸入來獲取輸入,因此您需要創建自己的組件,或者爲每個輸入設置自定義CSS(請參閱更新的anwser)。 – 2013-04-21 17:27:07

0

如果你想簡單地使用CSS隱藏的輸入,可以與物業做:

.your-input-class { 
    display: none; 
} 

使用jQuery,你可以這樣做:

$(".your-input-class").hide(); 

但這纔有意義,如果你無法使用日曆的HTML代碼。