jeudi 16 février 2023

Update parent style if child has changed data-state or aria-checked

There is label that has a button inside of it like:

<label for="second">
    <button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" id="second">
    </button>
    Check it!
</label>

When the button is clicked, there are toggles between aria-checked="false" and aria-checked="true", also between data-state="unchecked" and data-state="checked".

Is there a way to update the style of the parent, the label in this case when those actions are happening?




Aucun commentaire:

Enregistrer un commentaire