10

ionic を使用してアプリを構築し、実際の箇条書きリストを表示する必要があります。

  • 項目 1
  • 項目 2
  • 項目 3

ただし、フレームワークは、UI としてではなく、構造要素 (リストなど) としてのみ使用するよう に、何らかの CSS リセット/マジック オン<ul>および要素を実行しているようです。<li>

unordered-list必要な UI を提供するために独自の CSS スタイルを作成することになりました。それは自分で行う正しい方法ですか?それとも ionic には、代わりに使用する必要のある CSS スタイルが奥深くに埋め込まれていますか?

あらかじめご了承ください。

4

4 に答える 4

16

リセットを上書きするだけです。

ol, ul {
  list-style: none;
}

このように (フレームワークの CSS の後に CSS を配置します)

ul {
  list-style-type: disc;
}

ベスト プラクティス: ナビゲーション要素、つまり ul にクラスを設定します。

<section>    
  <ul class="my-nav">
    <li>List item</li>
    <li>List item</li>
  </ul>
</section>

.my-nav {
  list-style-type: disc;
}
于 2014-03-30T12:48:03.970 に答える
1

弾丸も見えませんでした。表示されているページになかっただけです。パディングを追加すると修正されました：

<style>
.my-modal-list {
    list-style-type: disc;
    padding: 20px;
}
</style>

<ul class="my-modal-list">
于 2017-12-06T18:59:16.917 に答える