輸入佔位符文本轉換CSS樣式

是否可以在輸入的佔位符中使用CSS文本轉換？我試過僞元素：輸入佔位符文本轉換CSS樣式

.user_info input ::-webkit-input-placeholder { /* WebKit browsers */ 
text-transform:none; 
} 
.user_info input :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
text-transform:none; 
} 
.user_info input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
text-transform:none; 
} 
.user_info input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
text-transform:none; 
}

但它似乎只適用於Mozilla。也許你知道任何解決方法嗎？

來源

2013-12-16 Saulius s

看看這個，它也適用於Chrome，但對IE來說它不會工作，你可能需要做一些js的東西來實現它自己：http://davidwalsh.name/html5-placeholder -css – Aram

它也適用於Chrome，但您需要刪除'.user_info input'和':: - webkit-input-placeholder'之間的空格 - http：// jsfiddl e.net/t5SU6/ - 雖然不知道IE。 – Adrift

您的代碼也適用於Chrome。你確定你正確實施了嗎？ – Vector

這是自舉如何處理它（並一直運作良好，我對我的使用和測試）：

.form-control:-moz-placeholder { 
    color: #999999; 
} 
.form-control::-moz-placeholder { 
    color: #999999; 
    opacity: 1; 
} 
.form-control:-ms-input-placeholder { 
    color: #999999; 
} 
.form-control::-webkit-input-placeholder { 
    color: #999999; 
}

你有一些語法問題是@Adrift注意，這裏是一個建議的解決辦法：input.user_info::-webkit-input-placeholder {

來源

2013-12-16 20:56:07 JonathanR

輸入佔位符文本轉換CSS樣式

回答

相關問題