將CSS更改應用到「moz」webkit CSS語句

您好：我有一些代碼我試圖用一些更改進行更新。該代碼具有輸入字段的形式，如果有人沒有完成表單中的字段，代碼會更改表單上的內容以「警告」它們的錯誤。我已經做到了，所以字段的背景顏色發生了變化，並且我在表單字段最右側的背景上添加了一個「紅色x」符號。問題在於字段內的字體大小的CSS寫入方式不同，因此我不確定如何將CSS更改應用於它。這裏是我的代碼：將CSS更改應用到「moz」webkit CSS語句

這裏是「開始CSS」爲輸入字段：

input, .Select span, .RFID_Modal, select#State { 
padding: 0 10px; 
width: 100%; 
height: 40px; 
line-height: 40px; 
background-color: #aedaf3; 
border: 1px solid #fff; 
font-size: 16px; 
color: #000; 
font-family: 'FordAntenna Medium'; 
}

這段代碼基本上增加了一些類，如果錯誤條件爲真輸入字段：

if($type != 'hidden') 
    $autoForm_display = '<div class="Field ' .$error.'">'.$label.$field.'</div>'; 
else 
    $autoForm_display = $field; 

return $autoForm_display;

終於在這裏是「錯誤的CSS」我能夠修改，並得到工作：

.Field.Error input, .Field.Error span { 
background: #000000 url(./site/error.png) no-repeat right !important; 
background-size: contain; 
}

這裏是「開始CSS」爲字體顏色輸入形式：

::-webkit-input-placeholder { color: #414042; font-family: 'FordAntenna Medium'; } 
::-moz-placeholder { color: #414042; font-family: 'FordAntenna Medium'; } /* firefox 19+ */ 
:-ms-input-placeholder { color: #414042; font-family: 'FordAntenna Medium'; } /* ie */ 
input:-moz-placeholder { color: #414042; font-family: 'FordAntenna Medium'; }

我想以「.Field.Error」類添加到了‘顏色’的那些CSS語句，我不能讓他們工作（不像我如何做CSS來改變背景顏色等）...

所以，我希望有人可以幫助我更新「顏色」項目的CSS以及如何他們寫...

謝謝！

來源

2015-07-05 gman_donster

您能使用.Field.Error input::-moz-placeholder嗎？當.Error類位於周圍輸入時，這應該覆蓋「開始CSS」::-moz-placeholder。

來源

2015-07-05 22:27:39

是的，工作;一旦我將這一點應用於所有4個陳述... –

將CSS更改應用到「moz」webkit CSS語句

回答

相關問題