小程序
小游戏
企业微信
微信支付
扫描小程序码分享
在app.wxss中修改单选按钮的样式无效，但是在页面中的wxss中修改就可以生效
radio .wx-radio-input{ width: 36rpx; height: 36rpx; } radio .wx-radio-input.wx-radio-input-checked::before{ border-radius: 50%; font-size:40rpx; }
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
样式后面加个 !important
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
在很多页面都有使用到radio组件，为了方便代码编写，把公共的放到自定义组件里面了。在自定义组件的wxss中更改radio的样式（ !important加了）不生效，在引用组件页面的wxss中就会生效，请问下这是什么原因？三个样式写在自定义组件中均未生效。
radio .wx-radio-input {
width: 26rpx !important;
height: 26rpx !important;
border: 2rpx solid #FFFFFF!important;
border-radius: 50% !important;
background: #FFFFFF !important;
}
radio .wx-radio-input.wx-radio-input-checked {
border: 2rpx solid #FFFFFF !important;
background-color: white !important;
radio .wx-radio-input.wx-radio-input-checked::before {
width: 50% !important;
height: 50% !important;
background: #2080F7 !important;
content: '' !important;
transform: translate(-50%, -50%) scale(1) !important;
-webkit-transform: translate(-50%, -50%) scale(1) !important;
单选按钮是不是组件中的，自定义组件中用不了全局样式
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
样式后面加个 !important
在很多页面都有使用到radio组件，为了方便代码编写，把公共的放到自定义组件里面了。在自定义组件的wxss中更改radio的样式（ !important加了）不生效，在引用组件页面的wxss中就会生效，请问下这是什么原因？三个样式写在自定义组件中均未生效。
radio .wx-radio-input {
width: 26rpx !important;
height: 26rpx !important;
border: 2rpx solid #FFFFFF!important;
border-radius: 50% !important;
background: #FFFFFF !important;
}
radio .wx-radio-input.wx-radio-input-checked {
border: 2rpx solid #FFFFFF !important;
background-color: white !important;
}
radio .wx-radio-input.wx-radio-input-checked::before {
width: 50% !important;
height: 50% !important;
background: #2080F7 !important;
border-radius: 50% !important;
content: '' !important;
transform: translate(-50%, -50%) scale(1) !important;
-webkit-transform: translate(-50%, -50%) scale(1) !important;
}
单选按钮是不是组件中的，自定义组件中用不了全局样式