In some recent update, before 6.8.1 and still present in 6.8.2, WordPress changed the CSS for checkbox styling from checkbox to none which, unshockingly, makes it awfully hard to know what a checkbox state is. Most wordpress sites will use the minified css file shipped with wordpress by default, which makes fixing the bug a little more tedious given browser inspectors prettify the minimized code making grepping for the fault a bit more challenging. After some digging around the bug is in the wp-admin/css/forms.css file and the minified version wp-admin/css/forms.min.css, and, of course, the RTL versions wp-admin/css/forms-rtl.css and wp-admin/css/forms-rtl.min.css.
The offending stanza is readable in the pretty versions as:
input[type="checkbox"], input[type="radio"] {
border: 1px solid #8c8f94;
border-radius: 4px;
background: #fff;
color: #50575e;
clear: none;
cursor: pointer;
display: inline-block;
line-height: 0;
height: 1rem;
margin: -.25rem .25rem 0 0;
margin-bottom: 0px;
outline: 0;
padding: 0 !important;
text-align: center;
vertical-align: middle;
width: 1rem;
min-width: 1rem;
-webkit-appearance: none;
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
transition: .05s border-color ease-in-out;
}
-webkit-appearance: none; should be -webkit-appearance: checkbox; at least if you want to know the state of your checkboxes (you probably do).
A bit tedious to edit the minified versions but nano wp-admin/css/forms.min.css followed by ESC->SHIFT-4 then searching for min-width:1rem;-webkit-appearance and changing the following none to checkbox did the trick for me. This is the sort of thing that has already persisted for a few versions and may persist for more. Perhaps the devs have customized CSS so they don’t see the problem, so expect to make the change every update for a while.
Leave a Reply
You must be logged in to post a comment.