1470272 - Firefox on Win10 renders pixelated/blurry checkmark in checkbox when using height: and width: css

Status: UNCONFIRMED

(Core :: Graphics, defect, P3)

Description

[steve]

Attachment: Screenshot_062118_124615_PM.jpg

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0
Build ID: 20180605171542

Steps to reproduce:

Use CSS to make the width and height of the checkbox larger.

input[type="checkbox"] {
    height: 30px;
    width: 30px;
    margin-right: 10px;
    
}



Actual results:

Checkmark inside the box is pixelated and blurry. Looks really bad. 


Expected results:

Looks really great however in Chrome, IE, etc. Properly scaled and clean looking, anti-aliased.