javascript - 文本字段要大写，但是句子大小写占位符？

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;  
}

看到这个 fiddle :http://jsfiddle.net/u77z50db/1/