Maison  >  Article  >  interface Web  >  Explication détaillée d'exemples d'utilisation de CSS pour personnaliser les styles de radio et de cases à cocher

Explication détaillée d'exemples d'utilisation de CSS pour personnaliser les styles de radio et de cases à cocher

黄舟
黄舟original
2017-05-26 13:21:532335parcourir

Quand je créais des radios et des cases à cocher de style personnalisé, la structure était toujours la suivante

<label>
    <span class="diyRadio">
        <input type="radio" name=" value="">
    </span>
    <span>文字</span>
</label>

Ensuite, j'ai défini le style de diyRadio comme une nouvelle radio, puis j'ai utilisé js pour faire l'association .

Je viens d'apprendre aujourd'hui qu'on peut utiliser l'attribut for + :checked de la balise 2e1cf0710519d5598b1f0f14c36ba6748c1ecd4bb896b2264e0711597d40766c pour le faire avec du CSS pur
( C'est vraiment inapproprié. Vous Je dois encore apprendre les choses sérieusement, être plus détaillé.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn