s***@qq.com
s***@qq.com
  • 发布:2019-05-07 20:08
  • 更新:2019-05-08 10:19
  • 阅读:1151

【报Bug】checkbox的修改样式问题

分类:uni-app

详细问题描述

重写checkbox样式后浏览器显示正常,手机显示无效

重现步骤

1.在 checkbox定义新class名

  1. 在页面修改
    <style scoped>
    .box-checked /deep/ .uni-checkbox-wrapper .uni-checkbox-input{
    border-radius: 9px !important;
    }
    .box-checked /deep/ .uni-checkbox-input-checked {
    background-color: #597FF5;
    color: white !important;
    }
    </style>

[结果]
浏览器显示正常,手机显示无效
[期望]
手机显示跟浏览器一样正常

uni-app运行环境说明

[运行端是h5或app或某个小程序?]
运行是真手机App
[运行端版本号]
编译器版本:1.9.4,

App运行环境说明

[Android版本号]
8.10

[手机型号]
Redmi Note5

联系方式

[QQ]
shizhe2003@qq.com

2019-05-07 20:08 负责人:无 分享
已邀请:
DCloud_UNI_HT

DCloud_UNI_HT

checkbox 在小程序 、app 中不能修改样式。但是可以通过 transform: scale(); 修改大小。

该问题目前已经被锁定, 无法添加新回复