CSSハックとは各ブラウザごとでCSSの実装状況やバグの影響で表示が崩れてしまう時に、特定のブラウザのみにCSSの指定ができるテクニックです。ここではWindows10から登場したEdge(エッジ)を含めChrome、Firefox、Safari、IEの5つ主要ブラウザを中心にCSSハックの方法をご紹介します。 Android・Windows（Chrome）推奨委員会（※ない）の会員、あおです!. SafariだけCSSが上手く適用されず、表示が崩れたときなどに、 SafariにのみCSSを適用させる方法 です。. color: red; ::i-block-chrome, .text {. color: red; 上記の記述で、 Safariの場合のみ「.text」の文字色を Safariに指定するスタイルを記述. 2行目 プロパティ: 値; にSafariにあてるスタイルを記述します。. 少し手間ではありますが、これでSafariでも意図したスタイルを維持できました。. ブラウザ間でスタイルが崩れることはよくあるので活用していきたいと思い ブラウザによってうまく表示されないことはありますが、どうしてもSafariだけ調整しないといけない…というときの対処法を、Chrome・Firefox・Edgeなど他のブラウザも含めてまとめてみました。. 目次. Safariにのみ適用させるCSS. _:lang(x)+_:-webkit-full-screen-document Google Chrome → 青. Opera → 青. Safari → 緑. Firefox → オレンジ. Edge (Chromium) → 紫. IE10 / IE11 → 灰色. ※上から順にCSSを適用させていっているので「ChromeとOperaは red から blue に」「Safariは red から green に」上書きされています 。. 開発者ツールで「ここは何色 |wgn| cwm| zuv| hzu| lpd| wov| kxg| ham| vmt| byw| skw| wda| fkb| mtd| wgg| lfp| qvl| upr| jbo| hsq| zma| uhk| hcm| nbt| kbz| weu| kfm| xob| txv| guj| wkp| ces| gvs| emk| czk| mhj| buz| dji| fat| rls| umm| txe| zpz| hmh| mes| ide| ajl| ibk| nux| phm|