GitHub - flatlogic/awesome-bootstrap-checkbox : Font Awesome Bootstrap Checkboxes & Radios. Pure css way to make inputs look prettier.
▻https://github.com/flatlogic/awesome-bootstrap-checkbox
Font-awesome + bootstrap 3 (4 en beta) pour styler radios et checkbox sans javascript
La démo : ▻http://flatlogic.github.io/awesome-bootstrap-checkbox/demo
À étudier : un « slider » animé qui fonctionne directement en #CSS, sans nécessiter javascript :
▻http://cssslider.com/fr/bootstrap-slider-10.html
Ce que j’ai compris :
– il y a, en début de slider, des checkbox cachées (une par slide) ;
– les boutons de navigation (les flèches et les bullets) sont, en réalité, des labels correspondant à chacune de ces checkbox ; du coup, quand on clique sur un bouton de navigation, en fait on provoque le passage de la checkbox correspondante à l’état « checked » ;
– cela fait, dans les styles, puisque les checkbox précèdent le slider, il suffit de styler, par exemple :
#checkbox1:checked ~ .element_a_styler
element_a_styler
qui se trouve après la checkbox numéro 1 à l’état checked
(ce qui est donc provoqué, sans javascript, par le simple fait que les boutons de navigation sont des labels correspondants à ces checkbox, comme dans un formulaire tout bête).Normalement, il devrait y avoir un très bon support, la difficulté étant IE8 qui ne comprend pas le sélecteur :checked
.
▻http://nylen.github.io/shiftcheckbox
This #jquery #plugin handles the following checkbox-related functions:
Passing clicks from a “row” element that contains a checkbox to the checkbox itself
Setting up a “Select all” checkbox and handling its events
Handling Shift+click by selecting/deselecting ranges of #checkboxes (like GMail)
Pour @kent1 ;)
Firefox remembering radio buttons incorrectly - Stack Overflow
▻http://stackoverflow.com/questions/7988729/firefox-remembering-radio-buttons-incorrectly?rq=1
2 soluces (HTML ou jQuery) pour contourner le bogue de Firefox avec les checkbox ou boutons radio qui ne gèrent pas correctement l’attribut checked="checked"
]]>Custom radio and checkbox inputs using CSS | The CSS Ninja - All things CSS, Javascript
►http://www.thecssninja.com/css/custom-inputs-using-css
#radio #checkbox #css #clevermarks
]]>Custom radio and checkbox inputs using CSS | The CSS Ninja - All things CSS, Javascript
►http://www.thecssninja.com/css/custom-inputs-using-css
#radio #checkbox #css #clevermarks
]]>