在CSS中输入值大写,不影响占位符

有没有办法使输入值大写而不占位符大写?

好像我得到一个或另一个。我宁愿干净地使用CSS(JS最后手段)。

每个浏览器引擎都有一个不同的实现来控制占位符的样式。使用以下内容:

jsBin example.

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

不用说,这只适用于可以处理占位符的浏览器。 (IE9 / 10)

http://stackoverflow.com/questions/25180140/make-input-value-uppercase-in-css-without-affecting-the-placeholder

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:在CSS中输入值大写,不影响占位符