> On Jun 17, 2017, at 3:58 AM, william drescher <will...@techservsys.com> 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 [css-d@lists.css-discuss.org]
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/

Reply via email to