uniapp更改radio样式

-Wack-

已于 2022-11-08 09:38:13 修改

阅读量2.4k

点赞数 1

文章标签： vue.js javascript 前端

于 2022-08-29 21:50:16 首次发布

本文链接：https://blog.csdn.net/weixin_59803648/article/details/126593475

版权

可在App.vue中更改或在页面中，页面中需使用/deep/

后续测试发现该方法修改样式运行到app有效，运行到小程序无效

/* radio 边框颜色 */
/deep/ uni-radio .uni-radio-input{
   border-color: #C0C2C9!important;
  }

/* radio 选中后的边框颜色 */
/deep/ uni-radio .uni-radio-input-checked {
    border-color: #FB5478!important;
  }

/* radio 选中后的样式 */
uni-radio .uni-radio-input.uni-radio-input-checked{
  background-color: #248067!important;
  border-color: #248067!important;
  background-clip: content-box!important;
  padding: 6rpx!important;
  box-sizing: border-box;
 }

/* radio 选中后的图标样式*/
 uni-radio .uni-radio-input.uni-radio-input-checked::before{
  display: none!important;
 }