フリーランス・個人事業主として独立を目指すデザイナー、副業を始めたいデザイナーを応援します! 自立支援に役立つ初心者向けWordPress情報も随時アップします!

SafariのみにCSSを適用させる方法【Chrome・Firefox・Edgeも】

コーディング

読了目安時間は約 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;    
}
コーディング

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
目次