web-dev-qa-db-ja.com

<ul>から箇条書きを取り除く

私は以下のリストを持っています：

 <ul id="otis">
 <li>Benz</li>
 <li>Other Benz</li>
 <li>Other Other Benz</li>
 </ul>

弾丸を取り除きたいので、試してみました。

 ul#otis {
 list-style-type: none;
 }

それはうまくいきませんでした。表示された一覧から行頭文字を削除するための適切な方法は何ですか？

htmlhtml-lists
146
Sam Khan

それがうまくいかなかったと仮定して、あなたはid要素にcssを適用するためにliベースのセレクタをliと組み合わせることができます：

#otis li {
    list-style-type: none;
}

参照：

179
David Thomas

スクリプトは私のスタイルシートに気付かなかったので、私は自分自身と同じ極度のいらいらする問題を抱えていました。だから私は書いた：

<ul style="list-style-type: none;">

それはうまくいきませんでした。それで、に加えて、私は書いた：

<li style="list-style-type: none;">

ほら！出来た！

26
John Olav

番号なしリストから箇条書きを削除するには、次のようにします。

list-style: none;

また使用することができます：

list-style-type: none;

どちらでも動作しますが、最初の方法で同じ結果が得られます。

17
Philpot

次のコード

#menu li{
  list-style-type: none;
}
<ul id="menu">
        <li>Root node 1</li>
        <li>Root node 2</li>
    </ul>

この出力を生成します：

output is

17
Kishan

Chrome/Safariでテストして、代わりにこれを試してください。

ul {
 list-style: none;
}
15
Paul Kaplan

プット

<style type="text/css">
 ul#otis {
     list-style-type: none;
   }
</style>

それをテストするためにリストの直前に。または

<ul style="list-style-type: none;">
4
Stuff

ULから行頭文字を削除するには、単純にlist-style: none;またはlist-style-type: none;を使用します。うまくいかないなら、私は優先順位の問題があると思いますCSS。世界的にULはすでに定義されている可能性があります。ですから、その特定のULにクラス/ IDを追加して、そこにyourCSSを追加するのが最善の方法です。それがうまくいくことを願っています。

3
Rokan Nashp

私は同じ問題を抱えていました、そして私がそれを直すことになった方法はこのようなものでした：

ul, li{
    list-style:none;
    list-style-type:none;
}

ちょっと極端かもしれませんが、それをしたときにはうまくいきました。

3
Braden Best

他に何かあるはずです。

なぜなら

   ul#otis {
     list-style-type: none;
   }

ただ動くはずです。

それを上書きするCSSルールがあるかもしれません。

見つけるためにあなたのDOMインスペクタを使ってください。

3
PeeHaa

インラインスタイルシートの場合、このコードを試してください。

<ul style="list-style-type: none;">
    <li>Try This</li>
    </ul>
3
Luke

これは完璧に動作しましたHTML

<ul id="top-list">
        <li><a href="#">Home</a></li>
        <li><a href="#">Process</a></li>
        <li><a href="#">Work</a></li>
        <li><a href="#">Team</a></li>
        <li><a href="#">Contact</a></li>
      </ul>

CSS

#top-list{
  list-style-type: none;
  list-style: none;}
2
pokumars

あなたのコード：

ul#otis {
    list-style-type: none;
}

私のおすすめ：

#otis {
    list-style-type: none;

}

cSSでは、#idではなくelement#idを使用するだけです。より役立つヒントがここに提供されています： w3schools

1
Evan

私は同じ問題を抱えていました。

解決策は、箇条書きがlist-style-typeではなく背景画像で追加されたことです。素早い「背景：なし」とボブがあなたのおじです。

0
Ruskin