Css 覆盖物化1.0.0无线电样式

Css 覆盖物化1.0.0无线电样式,css,materialize,Css,Materialize,我已经修改并使用Materialize 0.100.2以使其看起来适合打印,并且正在尝试升级到 我遇到麻烦的变化是使收音机用黑色点填充。有人能指出我缺少什么风格(选择器?)吗 下面的CSS似乎只在屏幕上运行(如果我更改@媒体),但在打印时无法正常查看 屏幕上的控件: 打印预期(在屏幕上测试): 打印结果: 我的覆盖CSS的最后几行: @media print { /* Radio Disabled Text */ [type="radio"]:disabled + sp

我已经修改并使用Materialize 0.100.2以使其看起来适合打印,并且正在尝试升级到

我遇到麻烦的变化是使
收音机
用黑色点填充。有人能指出我缺少什么风格(选择器?)吗

下面的CSS似乎只在
屏幕上运行(如果我更改
@媒体
),但在
打印时无法正常查看

屏幕上的控件:

打印预期(在屏幕上测试):

打印结果:

我的覆盖CSS的最后几行:

@media print {
    /*  Radio Disabled Text  */
    [type="radio"]:disabled + span {
        color: #000000 !important;
    }

    /*  Outer Box - Unchecked  */
    [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
        border: 2px solid #000000 !important;
    }

    /*  Outer Box - Checked  */
    [type="checkbox"].filled-in:checked + span:not(.lever):after {
        border: 2px solid #000000 !important;
        background-color: #ffffff !important;
    }

        /*  Inner Mark  */
        [type="checkbox"].filled-in:checked + span:not(.lever):before {
            border-right: 2px solid #000000 !important;
            border-bottom: 2px solid #000000 !important;
        }

    /*  Outer Circle - Unchecked  */
    [type="radio"]:not(:checked) + span:before, [type="radio"]:not(:checked) + span:after {
        border: 2px solid #000000 !important;
    }

    /*  Outer Circle - Checked  */
    [type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:before, [type="radio"].with-gap:checked + span:after {
        border: 2px solid #000000 !important;
    }

        /*  Inner Circle - Checked  */
        [type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:after {
            /*  should fill in the dot  */
            background-color: #000000 !important;
        }
}

检查这个:,如果这是你要找的。他们确实有我的问题。具体来说,选中红色选项并尝试打印。如果我搞不懂的话,我可能不得不使用黄色的样式。我在3天前打开了这个问题,但没有回复。