小程式修改預設的radio樣式

2022-06-14 08:45:07 字數 1449 閱讀 8340

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

>

2、wxss:

/* 預設背景樣式*/

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...