css - 在 CSS 中使输入值大写而不影响占位符

有没有一种方法可以使输入值大写而不使占位符大写？

好像我得到了一个。我更愿意只使用 CSS(JS 最后的手段)干净利落地做到这一点。

css - 在 CSS 中使输入值大写而不影响占位符-LMLPHP

最佳答案

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

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;
}
::placeholder { /* Recent browsers */
    text-transform: none;
}

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

关于css - 在 CSS 中使输入值大写而不影响占位符，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25180140/