reperfectR
reperfectR
  • 发布:2018-12-25 17:34
  • 更新:2020-05-29 14:36
  • 阅读:17171

uni-app checkbox样式如何修改

分类:uni-app

设置了一个css类,但checkbox的颜色,圆角,大小等所有属性皆无效;
去页面查看编译后的代码,发现自己设置的css类是checkbox复选框的父级;
当前复选框是编译自动生成的uni-checkbox-wrapper所控制,意味着无法修改样式?

2018-12-25 17:34 负责人:无 分享
已邀请:
ytmffkdx
Trust

Trust - 少说废话

跨平台框架,基础组件编译到不同的平台,会有一些细节的差异。
后面会尝试优化处理,通过开放特定属性等方式在 App 和 H5 平台支持自定义部分样式。

15686056663@163.com

15686056663@163.com

如何修改的?

401819111@qq.com

401819111@qq.com

谢谢,不过要注意的是style不能加scoped

cl9000@126.com

cl9000@126.com

H5怎么不生效?

小梁

小梁 - 小梁

怎么按照楼主的代码修改也是不行。。。

东方闪电时

东方闪电时

H5页面不能自定义CheckBox样式问题
需要在app.vue中设置样式,在页面看选择器

uni-checkbox .uni-checkbox-input { border-radius: 50%; border: 1rpx solid #007AFF; } uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked { background-color: #007AFF; border: 1rpx solid #007AFF; } uni-checkbox .uni-checkbox-wrapper { width: 100%; }

xxx.vue文件中

{{item.name}}
cccccccy

cccccccy - studyhardhard

你好,支付宝小程序里怎么不生效啊? 如何生效呢

1678504506@qq.com

1678504506@qq.com

已解决,放在App.vue公共样式里面

Shenalone

Shenalone - ...

请教大佬们 为什么我的点击了后会有蓝色的外边框???有点像单选框,你点哪个哪个就有蓝色的边框,然后你再随便点个空白地方这个蓝色框又不见了……

要回复问题请先登录注册