uniapp 中修改 uni-checkbox 默认样式

痛定思痛。 2023-01-08 08:04 287阅读 0赞

uniapp checkbox 默认样式是

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d6X2NvbWluZw_size_16_color_FFFFFF_t_70][]

我修改的样式是

![20210119142711462.png][]

在App.vue中加上就可以，最外层可是当前页面的最外层class
        .wrap {
    		/* #ifdef H5 */
    		uni-checkbox .uni-checkbox-input {
    			border: none !important;
    		}
    		
    		uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
    			color: #FF6903;
    		}
    		
    		.uni-checkbox-input.uni-checkbox-input-checked {
    			border: none !important;
    		}
    		/* #endif */
    		
    		/* 微信中样式 */
    		/* #ifdef APP-PLUS ||MP-WEIXIN */
    		checkbox .wx-checkbox-input {
    			border: none !important;
    		}
    		checkbox .wx-checkbox-input-disabled {
    		    background: #fff !important;
    		    border: none !important;
    		}
    		checkbox .wx-checkbox-input.wx-checkbox-input-checked {
    			color: #FF6903;
    		}
    		.wx-checkbox-input.wx-checkbox-input-checked {
    			border: none !important;
    		}
    		/* #endif */
    	}

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d6X2NvbWluZw_size_16_color_FFFFFF_t_70]: /images/20221119/5fb3a8b8b5d943498d503f467e93baf3.png
[20210119142711462.png]: https://img-blog.csdnimg.cn/20210119142711462.png

发表评论取消回复

表情：

评论列表（有 0 条评论，287人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniapp 中修改 uni-checkbox 默认样式

uniapp checkbox 默认样式是 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ib

痛定思痛。/ 2023年01月08日 08:04/ 0 赞/ 288 阅读

相关 element 中修改UI默认样式

element中修改默认样式不生效 1、可以去掉scoped <style type="scss" scoped="scoped"> /去掉scoped="

忘是亡心i/ 2023年01月08日 08:04/ 0 赞/ 216 阅读

相关 uniapp 中修改 placeholder默认字体颜色

<input placeholder-class="phcolor" placeholder="请输入" v-model="bankNum" type="number"

男娘i/ 2023年01月08日 07:27/ 0 赞/ 435 阅读

相关修改Element UI默认样式

方法一：去掉scoped 方法二: 不去掉scoped，类名前使用/deep/ /deep/.el-timeline-item__node { bac

不念不忘少年蓝@/ 2022年12月26日 08:20/ 0 赞/ 342 阅读

相关 uni-app修改组件默认样式

经过多次测试发现，style标签上加scoped，同时使用 deep 穿透可以成功修改 <style scoped> /deep/ .uni-combox_

末蓝、/ 2022年12月17日 15:00/ 0 赞/ 500 阅读

相关 css修改radio、checkbox默认样式

> 为radio类型的input标签添加类名aui-radio，如下 ![0b22aa3cc73441feb246bb914f2aa713.png][] 然后引入

本是古典何须时尚/ 2022年09月16日 01:27/ 0 赞/ 267 阅读

相关 React Antd 中如何修改覆盖默认样式及样式引用

如何覆盖antd的默认样式 step.1 通过浏览器调试面板，找到需要修改的样式class 名如下所式 `.ant-time-picker-input` ![在这

本是古典何须时尚/ 2022年09月15日 11:49/ 0 赞/ 289 阅读

相关修改默认滚动条样式

修改默认滚动条样式 ::-webkit-scrollbar-track-piece { /滚动条里面轨道/ background-color:f5f5f5; bo

- 日理万妓/ 2022年06月13日 07:25/ 0 赞/ 322 阅读

相关 uniapp - uniapp 中的样式使用

uniapp 中的样式使用一. 尺寸单位二. 样式导入三. 内联样式四. 选择器五. 全局样式与局部样式 > 在 uni-app

╰+哭是因爲堅強的太久メ/ 2021年07月26日 02:42/ 0 赞/ 917 阅读

相关 uniapp修改下拉刷新默认样式(修改默认颜色)

我们在uniapp项目开发中会遇到,下拉刷新的颜色默认为绿色,有时候我们不想用,一段代码解决这个问题. 首先打开pages.json文件找到要启用下拉刷新的界面,然后按如下

我就是我/ 2021年07月25日 23:16/ 0 赞/ 4349 阅读