> On Jun 17, 2017, at 3:58 AM, william drescher <[email protected]> wrote:
>
> I have:
> <!DOCTYPE html>
> <style type="text/css">
> <!--
> html {
> font-size: 2.2rem;
> }
> button, select, input, textarea {
> font-size: 1rem;
> }
> [type="checkbox"], [type="radio"] {
> -moz-appearance: none;
> height: 1rem;
> outline: 2px dotted red;
> width: 1rem;
> }
> -->
> </style>
>
> Since the most recent update of Firefox the checkboxes and radio buttons no
> longer show (but the outline does) and when clicked the checkbox/radio still
> don't show, but the receiving program acts as if it has received the checked
> box/radio
That is kinda intended, in order to allow full styling of those widgets [1].
Your options are:
* remove the -moz-appearance: none; (but I guess the result of that is not what
you want)
* style the widgets yourself,
[type="checkbox"], [type="radio"] {
-moz-appearance:none;
height: 1rem;
outline: 2px dotted red;
width: 1rem;
border: 2px solid /* <—— add */
}
[type="checkbox"][checked] { position: relative}
[type="checkbox"][checked]::before {
content: '✓';
line-height:1;
font-family: monospace;
position: absolute;
top:50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
(that gives some results in my copy of FX running on macOS)
or simpler, create a background image for the checked state
[1] https://bugzilla.mozilla.org/show_bug.cgi?id=605985
https://developer.mozilla.org/en-US/Firefox/Releases/54
https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance
Philippe
--
Philippe Wittenbergh
https://l-c-n.com/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
