/* radio 選中后的樣式 *//deep/ uni-radio .uni-radio-input.uni-radio-input-checked {background-color: #65D9CD !important;border-color: #65D9CD !important;background-clip: content-box !important;padding: 7rpx !important;box-sizing: border-box;height: 50rpx !important;width: 50rpx !important;}/* radio 選中后的圖標樣式*//deep/ uni-radio .uni-radio-input.uni-radio-input-checked::before {display: none !important;} //微信小程序 /* 選中后的 背景樣式 （紅色背景 無邊框 可根據UI需求自己修改） */radio .wx-radio-input.wx-radio-input-checked {background-color: #65D9CD !important;border-color: #65D9CD !important;background-clip: content-box !important;padding: 7rpx !important;box-sizing: border-box;height: 50rpx !important;width: 50rpx !important;}/* 選中后的 對勾樣式 （白色對勾 可根據UI需求自己修改） */radio .wx-radio-input.wx-radio-input-checked::before {/* 去除對號 */content: '';width: 36rpx;height: 36rpx;border-radius: 50%;background-color: #65D9CD;}

總結

以上是生活随笔為你收集整理的uni-app 微信小程序自定义radio样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。