新潟県妙高市|ホームページと広告の相談相手

MENU [+]閉じる [×]
【CSS】Safariの表示が他のブラウザと違う場合のCSSハック

主要ブラウザの一つとして、Safari(サファリ)も挙げられるかと思います。

「Safariだけ他のブラウザと表示が違う!」

という声を聴く頻度は、私の個人的には、あまりありません。

でも、ゼロではないのも事実です(^^;)

そこで今回は「Safariが対象のCSSハック」をご紹介します。

Safariだけに適用されるCSS

Safariのみにスタイルを適用させたい場合は、該当するクラス名(ID名やタグ名でもOKです)の先頭に、下記のような記述を追加して見てください。

_::-webkit-full-page-media, _:future, :root .className {
	color:#ff0000;
}

このようにすると[className]というクラス名を持つ要素は、Safariの表示でのみ、文字が赤色(#ff0000)になるはずです(^^)

ページの先頭へ戻る

この記事の感想をお寄せください

[【CSS】Safariの表示が他のブラウザと違う場合のCSSハック]の感想を、下記のリンク先の「感想投稿フォーム」よりお気軽にお寄せください。
メールアドレスは不要です。

感想投稿フォームへ

関連記事一覧:【CSS】Safariの表示が他のブラウザと違う場合のCSSハック

ホームページのコーディングをしている皆さんは、要素を中央寄せにしたい場合は、どんなコードを書かれていますか? 例えばテキストを画面の、あるいはエリアの中央 …… 続きを読む

ホームページ制作をしていると、フォームの項目の一つで「チェックボックス」というものを扱う機会はあるかと思います。 また、チェックボックスを含むフォーム関連 …… 続きを読む

ホームページ制作において、デザイン修正は様々な場面で発生することがあります。 文言を変更したい場合や、要素の並びを部分的に入れ替えたい場合など、状況に応じ …… 続きを読む

皆さんは、ホームページのデザインを、どのページから始めるのが良いか、お考えになったことはありますか? もちろん、すべての場合に当てはまる正解などありません …… 続きを読む

ユーザーの方の操作に応じて、Webページ内の表示や動きを制御するホームページは、今ではよく見受けられます。 それらを実現している要素は「jQuery&CS …… 続きを読む

Copyright (C) 妙高Web屋 All Rights Reserved.