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/