ime-mode
The ime-mode CSS property sets the state of the input method editor for text fields. It is useful when you need more deliberate control over presentation or behavior in a focused part of the interface.
Overview
The ime-mode CSS property sets the state of the input method editor for text fields. It is useful when you need more deliberate control over presentation or behavior in a focused part of the interface.
Browser support
| Feature | Desktop | Mobile | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
ime-mode Deprecated | | 12 | 3 | | | |
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)
Notes 2 item(s)
Removed
- This feature was removed in a later browser version (79)
Compatibility
- Available with a vendor prefix: -ms- (12)
Syntax
CSS
.number-input {
ime-mode: disabled;
}
.text-input {
ime-mode: active;
}Live demo
Use cases
Use ime-mode
Use ime-mode when the default CSS behavior is not expressive enough for the component or layout you are building.
Handle edge cases
Apply ime-mode to solve a specific styling constraint without introducing broader layout or behavior changes.
Cautions
- Test ime-mode in the browsers you support, especially if it changes layout, text handling, or interaction behavior.
- Plan a fallback or acceptable degradation path when support is still limited.
Accessibility
- Confirm that using ime-mode does not make content harder to perceive, understand, or operate in assistive contexts.
Related links
Powered by web-features