零騙局自定義收音機和復選框

許多自定義的無線電按鈕和復選框只是放大並重新上標準元素。 SurveyMonKey是這種方法的一個典型示例，在整個界面中使用大型，視覺上不同的選項。

有趣的是，實現此基本定制通常需要最小的CSS。簡單地增加尺寸並調整顏色就足夠了：

輸入[type =“無線電”]，
輸入[type =“複選框”] {
  寬度：3em;
  身高：3REM；
  口音色：綠色；
}

該代碼有效地增加了大小並應用綠色的口音顏色。但是，出現兼容性問題，特別是Safari的渲染。在功能上，視覺輸出有所不同。

對於克服瀏覽器不一致的真正自定義設計，Stephanie Eckles的資源是無價的：

• 純CSS定製樣式的無線電按鈕
• 純CSS自定義復選框樣式

與之相關的是，Toggle UI控件基本上是增強的無線電按鈕。但是，正如米歇爾·巴克（Michelle Barker）的作品突出顯示的那樣，沒有專用的本機滑塊切換。

以上是零騙局自定義收音機和復選框的詳細內容。更多資訊請關注PHP中文網其他相關文章！