LuCi OpenWrt panel has invisible checkboxes

[Theresnothinghere]

Checkboxes in LuCi settings web ui for OpenWrt routers appear invisible

Pale Moon Versions 34.0.1 and 34.0.0:

bad.PNG

Pale Moon Version 33.9.1

good.PNG

Also works OK in Firefox

Steps to reproduce
1) Login to an OpenWrt router settings (LuCi) panel
2) Navigate to any page with checkboxes (eg, Nwtwork > Firewall)


Please try to include any relevant output from the Toolkit Error Console or the Developer Tools Web Console using the following procedure:
1) Clear any current output
2) Navigate or refresh the page in question
3) Copy and paste Errors or seemingly relevant Warnings into a single [ code ] block.

Nothing in the error console

[Theresnothinghere]

Okay I determined which css causes this:

Code: Select all

input[type="checkbox"],input[type="radio"] {
	--bd-color:var(--border-color-high);
	--fg-color:var(--text-color-high);
	appearance:none;
	-webkit-appearance:none;
	width:14px;
	height:14px;
	color:var(--fg-color);
	position:relative;
	display:inline-block;
	cursor:pointer;
	background:none;
	border:none
}

And removing:

Code: Select all

background:none;
border:none

Fixes this issue, so yeah it does what it says and indeed makes the background and borders "none". I think I'm missing something here

[vannilla]

There is probably a Chrome quirk somewhere.
Since it's open source with enough effort it could be tracked down, probably.

[Moonchild]

The CSS literally says the border and background should be removed, so this is how it's styled and we're "doing as we're told".
If a "checked" version isn't looking the way it is supposed to, you could check out what css is being used for that.