Own products

  • 新規事業のアイディア創造機

Memolog

スマホで list-style のCSSが効かない問題

  • このエントリーをはてなブックマークに追加

何回かおんなじトコでつまづいたので備忘録。
スマホで list-style のCSSを書いても、うんともすんとも動かない！

.hoge {
	list-style: none disc outside;
}

これ、androidでもiosでも効きません。。

理由→略した書き方に対応してない。ショートハンド内にnoneがあると、list-style-typeもlist-style-imageもnoneと解釈されるから(＝仕様通り！)。

なので、同様のコトは下記のように、１個ずつ書けばOK！

.hoge {
	list-style-image: none;
	list-style-type: disc;
	list-style-position: outside;
}

下記のように、list-style-imageの値を入れなきゃOK！

.hoge {
	list-style: disc outside;
}

手癖でnoneも入れてたのがいけなかったんや！
悪いのはandroidでもiosでも無い、オレや！
教えてくれた@Yoshiki Katoさん、ありがとうございました！

コメントを投稿する

お名前

ご連絡先メールアドレス※非公開

コメント

CAPTCHA


  • このブログのRSSを購読する
  • このブログをtwitterでつぶやく
  • このブログをFacebookで共有する
  • このブログをはてなブックマークで共有する

Contact

    お名前※必須

    ご連絡先メールアドレス

    お問い合わせ内容※必須

    CAPTCHA

    captcha

    Blog parts

    Affiliate