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