小程式修改預設的radio樣式

1、wxml：

<

radio-group 
class
="radio-group"
bindchange
="radiochange"
>
<
view 
class
='redio1'
>
<
label 
class
="radio"
>
<
radio 
value
="kipon 0 pilihan"
checked
=""color
="background: #f00; "
/>
<
text
>kipon 0 pilihan
text
>
label
>
view
>
<
view 
class
='redio2'
>
<
label 
class
="radio"
>
<
radio 
value
="kode kupon"
checked
=""color
="background: #f00; "
/>
<
text
>kode kupon
text
>
label
>
view
>
radio-group
>

/* 預設背景樣式*/

radio .wx-radio-input

/* 選中後的 背景樣式 （紅色背景 無邊框 可根據ui需求自己修改） */

radio .wx-radio-input.wx-radio-input-checked

/* 選中後的 對勾樣式 （白色對勾 可根據ui需求自己修改） */

radio .wx-radio-input.wx-radio-input-checked::before

3、效果圖：

4、獲取選中的value：

小程式修改checkbox樣式

1 未選中的 背景樣式 2 checkbox wx checkbox input7 選中後的 背景樣式 紅色背景 無邊框 可根據ui需求自己修改 8 checkbox wx checkbox input.wx checkbox input checked 12 選中後的 對勾樣式 白色對勾 可根據u...

小程式checkbox和radio樣式修改

1 沒有修改過的預設 禁用 樣式 2 修改預設樣式 大小顏色圓角 修改預設樣式 3 修改checked狀態時的樣式。為什麼不直接在這裡修改背景色，因為所有都disabled了，checked的背景色只能修改中間的打鉤的部分。修改checked樣式 4 修改禁用且checked的樣式 修改禁用且che...

改變單選按鈕radio的預設樣式

預設的radio的樣式很醜，那麼如何改變其預設的樣式呢？我最開始想的是能不能直接給radio設定背景色等，發現並沒有用！可以借助於標籤來建立乙個類似於radio的效果。先來看下效果 html 如下 在校生 非在校生 樣式如下 choice choice radio choice radio inpu...