やさしいブラウザ

CSSによる配色やサイズ指定の注意点


解説
配色やオブジェクトのサイズの指定などは、ページコンテンツ側でCSSを用いて指定するのが一般的ですが、!importantを用いるとやさしいブラウザの内部CSSよりも優先されるため、やさしいブラウザでの配色変更や画面拡大機能が無効になる場合があります。

ページ全体の背景色の指定や、ページ全体の表示幅サイズ指定などにCSSで!importantを用いると、やさしいブラウザで配色変更や画面拡大機能を利用者が使用できなくなりますのでご注意下さい。


CSSのソース
background-color: #FF6600 !important;



CSSのソース
background-color: #FF6600;


やさしいブラウザを起動して確認する
(やさしいブラウザの配色変更ボタンをクリックしてみてください)

※注意事項
これとは逆に、CSSでbackground:url()に画像を指定してる場合、!importantを指定しないと「やさしいブラウザ」で配色変更を行うと背景画像が表示されない場合があります。
→CSSでの背景画像表示テスト


INDEXへ戻る