We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Vanwege onderhoudswerkzaamheden die uw ervaring zouden moeten verbeteren, heeft deze website beperkte functionaliteit. Als een artikel uw probleem niet verhelpt en u een vraag wilt stellen, kan onze ondersteuningsgemeenschap u helpen in @FirefoxSupport op Twitter en /r/firefox op Reddit.

Avatar for Username

Zoeken in Support

Vermijd ondersteuningsscams. We zullen u nooit vragen een telefoonnummer te bellen, er een sms naar te sturen of persoonlijke gegevens te delen. Meld verdachte activiteit met de optie ‘Misbruik melden’.

Meer info

Deze conversatie is gearchiveerd. Stel een nieuwe vraag als u hulp nodig hebt.

Checkbox and radiobutton are not smooth in appearance when size is changed from the default

  • 4 antwoorden
  • 1 heeft dit probleem
  • 5 weergaven
  • Laatste antwoord van Randy

Randy
Randy
more options

When sizing checkboxes and radiobuttons, they are not displayed smooth (ie. jagged/pixelated). There are CSS tricks to style these but it seems like a lot of work for something that (I think) the browser should handle natively. Other browsers (eg. Chrome, IE, Edge, Safari, etc) do not have this issue and render these controls cleanly when resized.

When sizing checkboxes and radiobuttons, they are not displayed smooth (ie. jagged/pixelated). There are CSS tricks to style these but it seems like a lot of work for something that (I think) the browser should handle natively. Other browsers (eg. Chrome, IE, Edge, Safari, etc) do not have this issue and render these controls cleanly when resized.

Alle antwoorden (4)

Shadow110
Shadow110
more options

Update your Video Card Drivers

Randy
Randy Vraageigenaar
more options

Seriously? If that was not a joke, please see attached screen shot.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

I'm not seeing this effect on Linux.

Looks that in you case a background image is used that doesn't scale properly. Such an input element usually has "-moz-appearance:radio" and thus in styled via native Windows CSS rules that in your case do not seem to work well when zoomed (i.e. not a scalable (SVG) image)

Randy
Randy Vraageigenaar
more options

I went to the site you referenced (above) using Firefox and the radio button displayed the same as it does on my webpage (ie. grainy).

I am not using any images for radio buttons. Therefore, it must be a Firefox image.

I originally started using Firefox at version 2 and have been upgrading it ever since so maybe something is out of whack. Therefore, I uninstalled Firefox and then reinstalled it but the radio button still displays the same.