Webstudio
Log in

Join the Webstudio community

Updated 4 weeks ago

create a strike-through label on checked

TThe Panwadi Ji
·
Hi guys, I've taken a very unusual task. Which is to create a strike-through label once the form is checked. Here's my project link: https://p-814807b0-da86-4345-802e-337bce0e4c4b.apps.webstudio.is/?authToken=820a2b6b-6c19-464c-8219-359b9308183d&mode=preview. Does anyone have any suggestions on how to get that done in Webstudio? Here's a codepen example: https://codepen.io/KMSkelton/pen/OMVovK?js-preprocessor=none
O
T
7 comments
OOleg Isonen
css you have in codepen would need to go into html embed, only the part that does text-decoration: line-through;
TThe Panwadi Ji
Tried. Didn't work.
Attachment
image.png
TThe Panwadi Ji
Apprently the radix elment is a button not a checkbox and the second checkbox element is inside the label
OOleg Isonen
with radix this would need to be a different selector, if you want a simple css like, use a regular checkbox
OOleg Isonen
it can work with radix too, just needs a different selector
TThe Panwadi Ji
I tried with the simple checkbox as well. Apparently you need label along side with the checkbox and the current checkbox has checkbox within the label
OOleg Isonen
You can change that
Add a reply
Sign up and join the conversation on Discord