如何使 HTML 单选按钮的样式看起来像打印时的复选框？

将 HTML 单选按钮设置为复选框

问题：
用户要求打印表单类似于官方政府文件，包括设计为方形复选框的单选按钮。尽管屏幕上显示单选按钮，但打印版本必须反映复选框样式。

解决方案：

现代浏览器，如 Firefox 1 、 Chrome 1 、 Safari 3 ，Opera 15 支持外观属性，这使得单选按钮的样式能够模仿复选框。以下是实现此目的的方法：

input[type="radio"] {
  appearance: checkbox;
}

此代码将复选框外观应用于所有单选按钮。支持的浏览器中的结果将是：

<label><input type="radio" name="radio"> Checkbox 1</label>
<label><input type="radio" name="radio"> Checkbox 2</label>

使用外观属性，可以将单选按钮设置为复选框样式，同时避免使用 JavaScript 和 CSS 创建和同步阴影复选框的复杂性。

以上是如何使 HTML 单选按钮的样式看起来像打印时的复选框？的详细内容。更多信息请关注PHP中文网其他相关文章！