【css】リストで黒ポチが消えない時の対処法

CSSで黒ポチ(中黒)を消したい場合、一部の解説では以下のようになっています。
HTML

<ul class="no_poti">
<li>みかん</li>
<li>りんご</li>
<li>バナナ</li>
</ul>

CSS

.no_poti {
  list-style: none;
}

確かにこれでも消える時もあります。

が、一部の機種、ブラウザでは消えない模様。

私の環境だと以下のようになりました。

OK → Mac Chrome、 Mac Firefox
NG → Mac Safari、 iPhone Chrome

.no_poti {
  display: list-item;
  list-style: none;
}

2行目のように
display: list-item;

display: inline-block;

等と、display:

…を入れるのが安全みたいです。

\ ドメインは早いもの勝ち /

国内最安値のドメイン会社。
新規でドメイン取るなら「お名前.com」で間違いないです。
他社からの移行も簡単なのでオススメ。

CSS
スポンサーリンク
\気になるあの子に教えてあげよう/
Tamoc

コメント

タイトルとURLをコピーしました