佔位符CSS禁用時

Question

已遍尋並似乎無法找到答案：

我有一個複選框，如果未選中，將禁用多個表單。表單的樣式可以更改顏色，但佔位符文本保持不變。我怎樣才能解決這個問題？ （或者，我不介意即使只是刪除所有佔位符文本）

謝謝！

Answer 1

你可以在CSS樣式佔位僞元素，所以你可以寫下面的CSS：

input:disabled::-webkit-input-placeholder { /* WebKit browsers */ 
    color: #fff; 
} 
input:disabled:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    color: #fff; 
} 
input:disabled::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color: #fff; 
} 
input:disabled:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    color: #fff; 
} 

假設白色也是輸入的背景。