You’re reading the English version of this content since no translation exists yet for this locale. Help us translate this article!
Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
The ::-ms-value
CSS pseudo-element is a Microsoft extension that applies rules to the value of a text or password <input>
control or the content of a <select>
control.
Allowable Properties
Only the following CSS properties can be used in a rule with ::-ms-value
in its selector. Other properties are ignored.
background-clip
background-color
background-image
background-origin
background-repeat
background-size
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-left-color
border-left-style
border-left-width
border-right-color
border-right-style
border-right-width
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
box-shadow
box-sizing
color
cursor
display
(valuesblock
,inline-block
,none
)@font-face
font-size
font-style
font-weight
height
margin-bottom
margin-left
margin-right
margin-top
-ms-background-position-x
-ms-background-position-y
-ms-high-contrast-adjust
opacity
outline-color
outline-style
outline-width
padding-bottom
padding-left
padding-right
padding-top
transform
transform-origin
visibility
width
Syntax
::-ms-value
Example
input::-ms-value { color: lime; font-style: italic; }
To disable the default styling:
select::-ms-value { background-color: transparent; color: inherit; }
Specifications
Not part of any specification.
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
::-ms-value | Chrome No support No | Edge
Full support
16
| Firefox No support No | IE
Partial support
10
| Opera No support No | Safari No support No | WebView Android No support No | Chrome Android No support No | Firefox Android No support No | Opera Android No support No | Safari iOS No support No | Samsung Internet Android No support No |
Legend
- Full support
- Full support
- Partial support
- Partial support
- No support
- No support
- Non-standard. Expect poor cross-browser support.
- Non-standard. Expect poor cross-browser support.
- See implementation notes.
- See implementation notes.