Search Form checkbox Styling

Hallo first thx for the nice plugin,

i am trying to style the Checkbox of store category in searchform

if i put CSS all is working but :checked tag i not working in form like after before css tags

this i not working with this code

`* { box-sizing: border-box; }
.wpsl-checkbox-3-columns input[type=checkbox] { display: none; }
.wpsl-checkbox-3-columns label {
position: relative;
margin: 4px; padding: 0px 0px 0px 8px;
display: inline-block; cursor: pointer;
border: 1px solid #ccc; border-radius: 5px;
font-family: helvetica, sans-serif;
}
.wpsl-checkbox-3-columns label::after {
content: ‘\2713’;
padding: 8px; margin-left: 8px;
display: inline-block;
border: 1px solid transparent;
border-left: 1px dashed #ccc;
}
.wpsl-checkbox-3-columns input[type=checkbox]:checked + .wpsl-checkbox-3-columns label {
border: 1px solid #4575ab;
color: #4575ab;

}
.wpsl-checkbox-3-columns input[type=checkbox]:checked + .wpsl-checkbox-3-columns label::after {
border: 1px solid #fff;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
background-color: #4575ab;
color: #fff;
}`

• This topic was modified 7 years, 11 months ago by Ziky.
• This topic was modified 7 years, 11 months ago by Ziky.