html - Css 使复选框变暗

Question

我有一个打印 html 文件的应用程序，从 IE 打印时质量看起来不错。但是，我注意到从 FireFox 打印时，复选框看起来很亮。几乎很难判断该框是否已选中。有没有一种简单的方法可以使这些复选框变暗

Answer 1

由于您正在谈论的是 Firefox，您可能可以像这样定义一个特殊的打印样式表:

<link rel="stylesheet" media="print" href="print.css" />

在里面你可以做:

input[type=checkbox] { background: #000000; }

但是:大多数浏览器都配置为在打印时忽略背景颜色。除此之外，表单元素的呈现通常取决于浏览器，根据定义，您不能真正影响复选框。

也许你可以在相关问题中找到有用的东西。例如这里:How to change checkbox's border style in CSS?