JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<div class="checkbox checkbox--custom mt-4"> <label for="mailingListsConsent" data-dashlane-label="true"> <input type="checkbox" id="mailingListsConsent" name="mailingListsConsent" data-ng-model="profiles.Ur_Customer['OP05']" data-ng-true-value="1" data-ng-false-value="0" aria-controls="mailingLists" aria-expanded="false" class="ng-pristine ng-untouched ng-valid ng-empty"> <span class="custom-input"></span> Je souhaite m’inscrire à la newsletter Gémo </label> </div>

CSS

.checkbox--custom [type="checkbox"], .checkbox--custom [type="radio"], .radio--custom [type="checkbox"], .radio--custom [type="radio"] {
  position: absolute;

width: 0;
height: 0;
opacity: 0;

}

JavaScript

$(document).ready(function(){
	var input = $('input:first');
	$('input:hidden').parents('label').css('color', 'blue');
});