Checkbox CSS (not list)

[kingzy]

I am wondering does anyone know how to style a checkbox, not in a list format.

So when checked, either the text colour changes or highlights it.

This was achieved by this CSS code:

<pre><span><style>

[id*='screenScrollView'] >div >div .current {
color: white !important;
background-color: #f7b85c;
}

This is the checkbox in use but again it is not a list, its just a standalone single checkbox

TQ.

[ThinhDinh]

div[class*="wire-container___StyledDiv2"] :has(div[kind="stroke"]) div[class*="wire-switch"] {
background-color: #f7b85c;
font-weight: 600;
}

Here are 2 checkboxes pointing to different columns.

If you want to highlight the checkbox as well:

div[class*="wire-container___StyledDiv2"]:has(div[kind="stroke"]) label[class*="wire-switch"] {
background-color: #f7b85c;
font-weight: 600;
}

[kingzy]

Is this in Glide Pages? I was looking for something for Glide Classic Apps.

[ThinhDinh]

Ah yes, this is for the new version.

For Classic:

<pre><span><style>

[data-test="app-checkbox-list-item"]:has(rect[fill="currentColor"]) {
background-color: #f7b85c;
font-weight: 600;
}

</style></span></pre>