<radio-group name="country" class="radio-group" bindchange="radioChange"> <label ...
<radio-group name="country" class="radio-group" bindchange="radioChange"> <label ...
/* 自定義 radio 樣式 */radio{ width: 38rpx;} radio .wx-radio-input{ border-radius: 50%; width: 28rpx; height: 28rpx;} /* 選中后的樣式 (可根據設計稿需求自己修改) */radio ...
radio 單選項目,與HTML 中類似 小程序中可以通過color 屬性來進行修改顏色,要觸發事件需集合radio - group 一塊使用 官方文檔 ...
修改后展示效果 修改復選框默認樣式 ...
//index.wxml <view class="item"> <p>單選</p> <block wx:for="{{box}}" wx:for-item="box" wx:for-index="index"> <view ...
之前寫過關於多選框設置樣式的辦法,其實與單選框設置的方法一樣,唯一不同的是,在css樣式里,/* 選中后的 背景樣式 (紅色背景 無邊框 可根據UI需求自己修改) */的下面定義的css需要加上!important才會生效,意思是本css擁有最高權重,但是多選框就不用,挺逗 ...
wxml: <radio-group class="radio-group" bindchange="radioChang" data-id="{{item.id}}"> ...
html代碼 2.css代碼 3.效果 ...