Limited support 注意が必要。一部のブラウザのみ対応。プロダクション利用は慎重に判断すること。
構文・カスケード Limited support

ime-mode

テキスト入力フィールドでIME（日本語入力など）の有効・無効を制御するプロパティです。数値のみを入力するフィールドでIMEを無効にしたり、テキストフィールドでIMEを強制的に有効にしたりできます。ただし、このプロパティは非推奨であり、代替手法の使用が推奨されています。

IME入力制御

概要

テキスト入力フィールドでIME（日本語入力など）の有効・無効を制御するプロパティです。数値のみを入力するフィールドでIMEを無効にしたり、テキストフィールドでIMEを強制的に有効にしたりできます。ただし、このプロパティは非推奨であり、代替手法の使用が推奨されています。

対応ブラウザ

デスクトップ

Chrome 未対応
Edge 未対応
Safari 未対応
Firefox 3+

モバイル

Chrome Android 未対応
Safari iOS 未対応
Firefox Android 4+

基本構文

CSS 
.number-input {
  ime-mode: disabled;
}
.text-input {
  ime-mode: active;
}

実務での使いどころ

  • 数値入力フィールドのIME制御

    郵便番号や電話番号の入力フィールドでIMEを無効化し、半角数字の直接入力を促します。

注意点

  • このプロパティは非推奨であり、Firefoxのみの対応です。代わりにinputmode HTML属性の使用を推奨します。

アクセシビリティ

  • IMEの強制的な無効化はユーザーの入力体験を損なう場合があるため、inputmode属性による適切な入力モードの提案を検討してください。

参考リンク