1、wxml:
<2、wxss: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...