将 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中文网其他相关文章！
