Own products

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

Memolog

2014
12/10

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

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

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

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

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

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

なので、同様のコトは下記のように、1個ずつ書けば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で共有する
  • このブログをはてなブックマークで共有する

Favorite feeds

    Contact

    お名前※必須

    ご連絡先メールアドレス

    お問い合わせ内容※必須

    CAPTCHA

    captcha

    Blog parts

    Affiliate