comment afficher une liste à puces à l'aide ionique cadre?
À l'aide ionique de construire une application, et j'ai besoin d'afficher une réelle liste à puce:
- point 1
- article 2
- point 3
Toutefois, il apparaît que le cadre n'est une sorte de reset CSS /magie sur <ul>
et <li>
éléments tels qu'ils devraient seulement être utilisés comme éléments de structure (par exemple une liste), plutôt que de l'INTERFACE utilisateur.
J'ai fini par créer mon propre unordered-list
de style CSS pour me donner de l'INTERFACE utilisateur dont j'avais besoin. Est-ce le bon moyen de le faire soi-même - ou ne ionique ont certains de style CSS enterré profondément à l'intérieur que je devrais avoir utilisé à la place?
ty à l'avance.
OriginalL'auteur thinkbigthinksmall | 2014-03-30
Vous devez vous connecter pour publier un commentaire.
Remplacer simplement le réinitialiser.
Comme ceci (à placer dans votre CSS après le CSS du cadre)
Meilleure pratique: définir une classe à l'élément de navigation à savoir l'ul.
N'oubliez pas de remplacer les margin/padding, qui sont également réinitialisés. Sinon, votre balle peut être hors de l'écran ou de coupure par un élément parent.
Spécifiquement pour les margin/padding, vous aurez envie de l'ajouter à l'ul CSS, pas la li CSS, par exemple
ul, ol { list-style-type: disc; padding-left: 20px; }
OriginalL'auteur JohanVdR
Vous pouvez a donné une classe pour le
ul
élément et de définir votre propre style.HTML:
CSS:
Voir démo
Merci pour remarquer :). J'ai mis à jour ma réponse et de démonstration.
OriginalL'auteur newTag
Je ne pouvais pas voir les balles, ils étaient tout simplement pas sur la page visible. L'ajout de quelques rembourrage fixe:
OriginalL'auteur Noel McKeown