Search code examples
material-design-lite

Radio button solid fill not printing in Material Design Lite


The solid fill on the MDL radio button will not print. I turned on the show background graphics on the printer settings, with no luck. Does this work for anybody else?

enter image description here


Solution

  • As you noted, the inner circle is a background color, not displayed by default in most browsers when printing the page.

    I fixed that quick&dirty with :

    @media print { .mdl-radio__inner-circle { border: 4px solid #000; } }