Browser

Microsoft Edge(Project Spartan, Internet Explorer) 、ブラウザ周辺、Web フロントエンド開発、UI、など

Microsoft Edge まとめページ

Windows 10 の Microsoft Edge の CSS の値 heighlight がアクセントカラーと同じ色にならない

特に困ることでもないのですが表題の現象が起こっています。
8.1 の IE 11 でも起こっているので既知の現象です。

 

現象

Windows 10 の Microsoft Edge の heighlight がアクセントカラーと異なり青色固定となっています。

確認サンプル

f:id:x67x6fx74x6f:20151023143407p:plain


highlight の値はネイティブで設定されているため簡単に変更ができません。
また、何故か background 動作しデスクトップで設定した色が適応されます。

 

Windows 10 Mobile の Micorosoft Edge の方はちゃんとアクセントカラーが適応されます。

f:id:x67x6fx74x6f:20151023143436p:plain

 

まとめ

個人的には Windows 10 Mobile の方に合わせてもらいたい気がします。
Web アプリと UWP アプリを WinJS で作成した場合に差異が出るので。

 

アクセントカラーを変えたい場合

Windows 10 の 場合は
設定 > パーソナル設定 > 色 > アクセントカラーを選ぶ からアクセントカラーを変更できます。

Windows 8 / 8.1 の場合は
スタート画面に行き、Windows キー + C や画面右縁からスワイプしチャームを表示して、パーソナル設定から変更できます。

スポンサーリンク