読了目安時間は約 2 分です。
ブラウザによってうまく表示されないことはありますが、どうしてもSafariだけ調整しないといけない…というときの対処法を、Chrome・Firefox・Edgeなど他のブラウザも含めてまとめてみました。
目次
Safariにのみ適用させるCSS
_:lang(x)+_:-webkit-full-screen-document, div {
color:#000000;
}
Chromeにのみ適用させるCSS
_:lang(x)::-internal-media-controls-overlay-cast-button, div {
color:#000000;
}
Firefoxにのみ適用させるCSS
_:lang(x)::-moz-placeholder, div {
color:#000000;
}
Edgeにのみ適用させるCSS
_:lang(x)::-ms-, div {
color:#000000;
}
IEや旧Edgeに適用させるCSS
_:-ms-lang(x), div {
color:#000000;
}