CSS 樣式單選按鈕可以看起來像複選框嗎？

CSS 可以設定單選按鈕的樣式來類似複選框嗎？

問題：

An HTML 表單需要螢幕上有單選按鈕以便用戶可訪問，但表單必須列印方形複選框以與政府機構的要求。如何僅透過 CSS 實現這種風格上的改變？

答案：

使用 CSS 中的外觀屬性，可以將單選按鈕的外觀修改為類似某些瀏覽器中的複選框。這可以透過以下 CSS 來實現：

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

此 CSS 會將複選框樣式套用至指定瀏覽器中的單選按鈕，包括 Firefox、Chrome、Safari 和 Opera。此解決方案無需建立額外的複選框並使用 JavaScript 將它們與單選按鈕同步。

以上是CSS 樣式單選按鈕可以看起來像複選框嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！