自定義單選按鈕

2021-10-07 13:57:36 字數 324 閱讀 3297

#foo:checked::before,

input[type="checkbox"]

#foo:checked,

input[type="checkbox"] + label::before

input[type="checkbox"]:checked + label::before

#foo沒有引用任何特定的元素,它只是在阻止瀏覽器在不理解的情況下實現後來的選擇器(因為大多數瀏覽器會在選擇器的任何部分失敗時刪除整個選擇器)。

翻譯自:

自定義單選按鈕 核取方塊

一直以來都對單選按鈕 radio 核取方塊 checkbox 的預設樣式感到頭疼,不夠美觀!恰好學習css3 學到了乙個選擇器 checked,學著做了乙個簡單的樣式自定義。主要的思想在於 設定自帶的樣式的透明度為0,然後使用絕對定位混淆視聽 先來說說單選按鈕 如下 css 1 style type...

自定義單選按鈕radio的樣式

如果直接對單選按鈕設定樣式,那麼這個偽類並不實用,因為沒有多少樣式能夠對單選按鈕起作用。不過,倒是可以基於單選按鈕的勾選狀態借助組合選擇符來給其他元素設定樣式。很多時候,無論是為了表單元素統一,還是為了使用者體驗良好,我們都會選擇 label 元素和 input type radio 一起使用。當元...

Android 自定義按鈕

將按鈕的背景顏色設定成drawable檔案即可。雖然這裡講的是button,但是textview及其子元件也可以如法炮製 主布局檔案如下 下面三個檔案都放在drawable hdpi資料夾下,第乙個是my button selector.xml,定義了按鈕的不同狀態 my button presse...