::-ms-clear & ::-ms-reveal & -ms-high-contrast-adjust on Edge(Chromium) of Windows


## demo

[`demo`](https://bl.ocks.org/feo52/raw/dbf4e0b1313c11245525c94698d2e183/)
[`code`](https://gist.github.com/feo52/dbf4e0b1313c11245525c94698d2e183/)

::-ms-clear
::-ms-reveal
-ms-high-contrast-adjust
Edge(Chromium)でも動作するかの確認です。

Windows10のEdge(Chromium),Chrome,Firefox,IE11にて、
inputの入力の欄をクリックしてフォーカスをあてたり、
inputの入力の欄にhogehogeと何かの文字を入力したり、
Windowsのハイコントラストのモードを切り替えすれば、
各ブラウザの実装状況の違いや動作の違いの確認ができます。

※
Windowsのハイコントラストのモードを切り替えると、
Windowsのライトモードダークモードも切り替わる場合があるようです。
Windowsのハイコントラストのモードの切り替え方、および、
Windowsのライトモードダークモードの切り替え方は下部の外部リンク参照。

## ::-ms-clear

::-ms-clearはEdge(Chromium)では動作しないようです。
::-ms-vendor-prefixなのでMS社以外のブラウザでも動作しません。

::-ms-clearは、
`<input type="text">`の類で文字入力をした際、
`<input type="text">`の類の右端に表示される、
バツマークをスタイル付けできるようにするためのセレクタのようです。
~~https://developer.mozilla.org/en-US/docs/Web/CSS/::-ms-clear~~

備考

::-webkit-search-cancel-buttonは、
`<input type="search">`で文字入力をした際、
`<input type="search">`の右端に表示される、
バツマークをスタイル付けできるようにするためのセレクタのようです。
https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-search-cancel-button

## ::-ms-reveal

::-ms-revealはEdge(Chromium)でも動作するようです。
::-ms-vendor-prefixなのでMS社以外のブラウザでは動作しません。

::-ms-revealは、
`<input type="password">`で文字入力をした際、
`<input type="password">`の右端に表示される、
目玉マークをスタイル付けできるようにするためのセレクタのようです。
~~https://developer.mozilla.org/en-US/docs/Web/CSS/::-ms-reveal~~

備考

-webkit-text-securityは、
`<input type="text">`の類で文字入力をした際、
`<input type="text">`の類の文字のマスクの設定に関するプロパティのようです。
https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-security

input-securityは、
`<input type="password">`で文字入力をした際、
`<input type="password">`の文字のマスクの設定に関するプロパティのようです。
CSS Basic User Interface Module Level 4 Editor’s Draft に記載があります。
https://drafts.csswg.org/css-ui/#input-security

## -ms-high-contrast-adjust

-ms-high-contrast-adjustもEdge(Chromium)で動作するようです。
-ms-vendor-prefixなのでMS社以外のブラウザでは動作しません。

-ms-high-contrast-adjustは、
Windowsのハイコントラストモードで設定されたCSSで、
上書きするかどうかを設定するプロパティのようです。
auto：adjustする（上書きする）
none：adjustせず（上書きせず）
https://docs.microsoft.com/en-us/openspecs/ie_standards/ms-css21e/ceff5f67-9c37-4c7b-b39c-93514df582a0

備考

forced-color-adjustは、
-ms-high-contrast-adjustと同様の効果のあるプロパティのようです。
CSS Color Adjustment Module Level 1 Editor’s Draft に記載があります。
https://drafts.csswg.org/css-color-adjust/#forced-color-adjust-prop

## Reference

::-ms-clearと::-ms-revealが何のセレクタか以下が画像付きで分かりやすいです。
[https://qiita.com/hiron712/items/118819a08de42c1ff592](https://qiita.com/hiron712/items/118819a08de42c1ff592#ie10%E3%81%A7%E3%81%AF%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E5%85%A5%E5%8A%9B%E6%99%82%E3%81%AB%E3%82%AF%E3%83%AA%E3%82%A2%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%84%E3%83%91%E3%82%B9%E3%83%AF%E3%83%BC%E3%83%89%E7%A2%BA%E8%AA%8D%E3%83%9C%E3%82%BF%E3%83%B3%E9%9D%9E%E8%A1%A8%E7%A4%BA)

Windowsのハイコントラストモードに関しては以下が画像付きで分かりやすいです。
https://outcloud.blogspot.com/2019/01/howto-high-contrast-mode-support.html

Change color contrast in Windows10
https://support.microsoft.com/en-us/windows/fedc744c-90ac-69df-aed5-c8a90125e696#WindowsVersion=Windows_10
https://support.microsoft.com/ja-jp/windows/fedc744c-90ac-69df-aed5-c8a90125e696#WindowsVersion=Windows_10
Change color contrast in Windows11
https://support.microsoft.com/en-us/windows/fedc744c-90ac-69df-aed5-c8a90125e696#WindowsVersion=Windows_11
https://support.microsoft.com/ja-jp/windows/fedc744c-90ac-69df-aed5-c8a90125e696#WindowsVersion=Windows_11

Change colors in Windows10
https://support.microsoft.com/en-us/windows/d26ef4d6-819a-581c-1581-493cfcc005fe#WindowsVersion=Windows_10
https://support.microsoft.com/ja-jp/windows/d26ef4d6-819a-581c-1581-493cfcc005fe#WindowsVersion=Windows_10
Change colors in Windows11
https://support.microsoft.com/en-us/windows/d26ef4d6-819a-581c-1581-493cfcc005fe#WindowsVersion=Windows_11
https://support.microsoft.com/ja-jp/windows/d26ef4d6-819a-581c-1581-493cfcc005fe#WindowsVersion=Windows_11