web-dev-qa-db-ja.com

プレースホルダーに影響を与えずにCSSで入力値を大文字にする

プレースホルダーを大文字にせずに入力値を大文字にする方法はありますか?

どちらかを手に入れたようです。 CSS(JSの最後の手段)を使用して、これをきれいに実行したいと思います。

enter image description here

46
kaleazy

各ブラウザエンジンには、placeholderスタイリングを制御するための異なる実装があります。以下を使用してください。

jsBinの例

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 +)

92
Sander Koedood