文本字段为大写，但是句子占位符？

Question

我有一个用于插入邮政编码的文本字段，我希望用户的输入是大写的，以保持一致性。我找到了一个简单的解决方案来做text-transform: uppercase;，但这也使我的占位符为大写。看起来很傻，但是有办法解决这个问题吗？我应该使用javascript吗？

FIDDLE

Answer 1

这应该有用（在本例中，类postalcode应用于邮政编码字段）：

.postalcode::-webkit-input-placeholder {
   text-transform: none;
}

.postalcode:-moz-placeholder { /* Firefox 18- */
   text-transform: none; 
}

.postalcode::-moz-placeholder {  /* Firefox 19+ */
   text-transform: none;
}

.postalcode:-ms-input-placeholder {  
   text-transform: none;  
}

.postalcode {
    text-transform: uppercase;  
}

看到这个小提琴：http://jsfiddle.net/u77z50db/1/