haseeb002
Forum Replies Created
Viewing 1 replies (of 1 total)
-
Hi sir, this is not working but i'm get the code from chat gpt and this working kindly review/* Style for labels / .wcdp_options label { display: inline-block; padding: 10px 20px; border-radius: 20px; border: 2px solid #d9d9d9; / Border color / color: #d9d9d9; / Text color / cursor: pointer; background-color: #ffffff; / Set background color to white */ } /* Style for checked radio buttons / .wcdp_options input[type="radio"]:checked + label { background-color: transparent; / Background color when checked / color: #ffffff; / Text color when checked / } / Style for labels / .wcdp_options>li>label { text-align: center; display: block; background: #ffffff; / Set background color to white / color: var(--label-text); padding: 6px; cursor: pointer; } / Style for labels / .wcdp_options>li>label { text-align: center; display: block; background: #ffffff; / Set background color to white */ color: var(--label-text); padding: 6px; cursor: pointer; } /* Prevent background color change on hover / .wcdp_options>li>label:hover { background: #ffffff !important; / Ensure background color remains white on hover / } / Style for labels / .wcdp_options>li>label { text-align: center; display: block; background: #ffffff; / Set default background color to white */ color: var(--label-text); padding: 6px; cursor: pointer; } /* Style for labels / .wcdp_options>li>label { text-align: center; display: block; background: #ffffff; / Set default background color to white / color: var(--label-text); padding: 6px; cursor: pointer; } / Style for labels / .wcdp_options>li>label { text-align: center; display: block; background: #ffffff; / Set default background color to white */ color: var(--label-text); padding: 6px; cursor: pointer; } /* Change background color and text color when radio button is checked / .wcdp_options input[type="radio"]:checked + label { background: #F74F22; / Set background color to #F74F22 when radio button is checked / color: #ffffff; / Set text color to white when radio button is checked */ } /* Prevent background color change on hover / .wcdp_options>li>label:hover { background: #ffffff !important; / Ensure background color
Viewing 1 replies (of 1 total)