如何使 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中文網其他相關文章！