【iOS18】Safari「気をそらす項目を非表示」の仕様を調査

どの要素が非表示の対象なのか？

おそらく､非表示の項目の対象となるのは､HTMLにおけるすべてのブロック要素です｡

見出し(h2)やpタグ

ul liタグやdivタグなどが選択できます｡

ulタグ丸ごと選択したり､liタグ個別の選択もできました｡ div内のpにおいても同様です｡

どのように非表示にしているのか？

非表示にしたところを､Macから検証ツールで見てみます｡

試しにこのdivタグを非表示にしてみます｡

非表示になりました｡

検証ツールで見てみると､該当のタグがdisplay:none!important;されてました｡ (それにしてもすごいセレクタ...)

じゃあCSSで非表示にしてるだけ？と思い､このdisplay:none!important;を消してみると...

なんか､divタグの領域だけ現れました｡ 中身が現れず...

子要素も他にスタイルは当たってないっぽいし､色々こねくり回したものの現れず...｡

やっぱりCSSだけではなく､システム的に消しているのでしょうか｡

ここでは､CSSだけで強制に表示させることはできない､と結論づけさせていただきます｡

実機確認用

実機確認用に主要なHTML要素を置いておきます｡

p (段落) タグ

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

ul li (リスト) タグ

• この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
• この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
• この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

divタグ

コメント