[Skip to main content](#vessel-content) # CSS pour boutons radios. ## - **[durtom](/forum/user/59596-durtom "View durtom's Profile")** - [![durtom's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/59596-durtom "View durtom's Profile") Topic Author - [ Offline](/forum/user/59596-durtom) Less More - Posts: 11 - Thank you received: 1 - - 6 years 4 months ago - 6 years 4 months ago [\#321175](#321175) by [durtom](/forum/user/59596-durtom "View durtom's Profile") *[CSS pour boutons radios.](/forum/5-support-en-francais-french-support-/900254-css-pour-boutons-radios#321175 "Bonjour, Question assez simple... Je voudrais avoir des boutons radios sur différents produits, pour que le client puisse choisir sa couleur. Voici une capture d'écran avec mon curseur qui survole un élément, je voudrais cet encadré noir une fois que le client a cliqué sur la couleur, mais une fois que le client a cliqué et choisis sa couleur, rien n'apparait. J'ai recherché en vain sur internet la solution à mon problème mais je n'y arrive pas, c'est pourquoi je me tourne vers vous... Cordialement. EDIT : lien du problème : www.printlor.fr/etiquettes-et-stickers-a...etiquette-en-planche")* was created by *[durtom](/forum/user/59596-durtom "View durtom's Profile")* Bonjour, Question assez simple... Je voudrais avoir des boutons radios sur différents produits, pour que le client puisse choisir sa couleur. [ ![Sanstitre-1.jpg](/forum/attachment/49844) ](/forum/attachment/49844 "Sanstitre-1.jpg") Voici une capture d'écran avec mon curseur qui survole un élément, je voudrais cet encadré noir une fois que le client a cliqué sur la couleur, mais une fois que le client a cliqué et choisis sa couleur, rien n'apparait. [ ![Sanstitre-2_2020-06-23.jpg](/forum/attachment/49845) ](/forum/attachment/49845 "...2020-06-23.jpg") J'ai recherché en vain sur internet la solution à mon problème mais je n'y arrive pas, c'est pourquoi je me tourne vers vous... Cordialement. EDIT : lien du problème : [ www.printlor.fr/etiquettes-et-stickers-a...etiquette-en-planche](https://www.printlor.fr/etiquettes-et-stickers-adhesifs/etiquettes-en-planche/produit/13541-etiquette-en-planche) - [ ![Sanstitre-1.jpg](/forum/attachment/49844) ](/forum/attachment/49844 "Sanstitre-1.jpg") [ ](/forum/attachment/49844?download=1 "Sanstitre-1.jpg") - [ ![Sanstitre-2_2020-06-23.jpg](/forum/attachment/49845) ](/forum/attachment/49845 "...2020-06-23.jpg") [ ](/forum/attachment/49845?download=1 "...2020-06-23.jpg") Last edit: 6 years 4 months ago by [durtom](/forum/user/59596-durtom "View durtom's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTAwMjU0LWNzcy1wb3VyLWJvdXRvbnMtcmFkaW9zP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[durtom](/forum/user/59596-durtom "View durtom's Profile")** - [![durtom's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/59596-durtom "View durtom's Profile") Topic Author - [ Offline](/forum/user/59596-durtom) Less More - Posts: 11 - Thank you received: 1 - - 6 years 4 months ago - 6 years 4 months ago [\#321176](#321176) by [durtom](/forum/user/59596-durtom "View durtom's Profile") Replied by *[durtom](/forum/user/59596-durtom "View durtom's Profile")* on topic *[CSS pour boutons radios.](/forum/5-support-en-francais-french-support-/900254-css-pour-boutons-radios#321176 "Bonjour, Question assez simple... Je voudrais avoir des boutons radios sur différents produits, pour que le client puisse choisir sa couleur. Voici une capture d'écran avec mon curseur qui survole un élément, je voudrais cet encadré noir une fois que le client a cliqué sur la couleur, mais une fois que le client a cliqué et choisis sa couleur, rien n'apparait. J'ai recherché en vain sur internet la solution à mon problème mais je n'y arrive pas, c'est pourquoi je me tourne vers vous... Cordialement. EDIT : lien du problème : www.printlor.fr/etiquettes-et-stickers-a...etiquette-en-planche")* Quel ligne de code CSS dois-je ajouter pour résoudre cette problématique? EDIT : ce code CSS ne fonctionne pas : Code: .hikashop_filter_checkbox input:checked + label { border: 3px solid black; } Last edit: 6 years 4 months ago by [durtom](/forum/user/59596-durtom "View durtom's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTAwMjU0LWNzcy1wb3VyLWJvdXRvbnMtcmFkaW9zP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 654 - - 6 years 4 months ago - 6 years 4 months ago [\#321189](#321189) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[CSS pour boutons radios.](/forum/5-support-en-francais-french-support-/900254-css-pour-boutons-radios#321189 "Bonjour, Question assez simple... Je voudrais avoir des boutons radios sur différents produits, pour que le client puisse choisir sa couleur. Voici une capture d'écran avec mon curseur qui survole un élément, je voudrais cet encadré noir une fois que le client a cliqué sur la couleur, mais une fois que le client a cliqué et choisis sa couleur, rien n'apparait. J'ai recherché en vain sur internet la solution à mon problème mais je n'y arrive pas, c'est pourquoi je me tourne vers vous... Cordialement. EDIT : lien du problème : www.printlor.fr/etiquettes-et-stickers-a...etiquette-en-planche")* Bonjour, D'abord, pour avoir des éléments vous pouvez déjà jeter un oeil a [ **ce tutorial**](https://www.hikashop.com/support/documentation/272-hikashop-display-by-color.html#custom) qui vous montre comment ajouter votre css. Maintenant pour votre demande spécifique il va falloir plus que du Css. Je pense qu'il va falloir une override de view de votre vue product/show_block_characteristic pour y ajouter du javascript. Car en l'état pour pouvoir appliqué du Css sur **votre valeur sélectionné**, il faut y ajouter une class et donc associer à vos label du javascript qui ajouterait une classe (ex : ***selected***). Dans l'idée cela ressemblerai à cela sur le principe : **html/php :**Code: <label for="hikashop_product_characteristic_741735" id="hikashop_product_characteristic_741735-lbl" class="radio" onclick="your_function(hikashop_product_characteristic_741735-lbl)"> <input> ... **Javascript :**Code: <script> your_function(id) { var element = document.getElementById(id); if element.classList.contains('selected'); // Remove element.classList.remove('selected'); else // Add class element.classList.add('selected'); } </script> Then, you will be able to style the label with the class ***selected***. Hope this will help you to achieved what you need. regards Last edit: 6 years 4 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). The following user(s) said Thank You: [durtom](/forum/user/59596-durtom "View durtom's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vOTAwMjU0LWNzcy1wb3VyLWJvdXRvbnMtcmFkaW9zP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.053 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)