uniapp的checkbox标签属性

uniapp的checkbox标签属性直接设置不了，就使用.checkbox类,现在h5和小程序都能圆角白勾，app内为框蓝勾，改checkbox本身也不行
.checkbox .uni-checkbox-input{
border: 1px solid #9a9a9a;
border-radius: 50%;/ 圆角 /
width: 40rpx; / 背景的宽 /
height: 40rpx; / 背景的高 /
box-sizing:border-box;
}
/ 选中后的背景样式（红色背景无边框可根据UI需求自己修改） /
.checkbox .uni-checkbox-input.uni-checkbox-input-checked{
border: none;
background: #32953b;
}
/ 选中后的对勾样式（白色对勾可根据UI需求自己修改） /
.checkbox .uni-checkbox-input.uni-checkbox-input-checked::before{
border-radius: 50%;/ 圆角 /
width: 40rpx;/ 选中后对勾大小，不要超过背景的尺寸 /
height: 40rpx;/ 选中后对勾大小，不要超过背景的尺寸 /
line-height: 40rpx;
text-align: center;
font-size: 24rpx; / 对勾大小 30rpx /
color:#fff; / 对勾颜色白色 /
background: transparent;
transform:translate(-50%, -50%) scale(1);
-webkit-transform:translate(-50%, -50%) scale(1);
}

uniapp的checkbox标签属性相关推荐

微信小程序开发（原生和uniapp）DOM标签对比介绍
时间线 vue 2014年对外发布 uniapp 2015年对外发布微信小程序,2017公测,对外发布题主2013年毕业,从事互联网开发,这几个刚好碰上.从前后端不分离到分离,Html4到html ...
html里的input属性,HTML中强大的input标签属性
用了许久的html,这个标签是最常用的标签之一. 标签中type属性是必不可少的,以往我最常用的有 type="text"(单行文本输入) 类型. type="butto ...
HTML基础-html标签、标签属性及核心功能
html标签 html标签一般是成对出现的,叫做双标签,其中第一个标签叫做开始标签(开放标签),第二个标签叫做结束标签(闭合标签),结束标签的标签名前是有/标注. 单标签 <标签名 /> ...
HTML标签属性大全（开发人员必备）
最常见的HTML标签属性大全,和大家分享一下: <!>字体效果 <h1>...</h1>标题字(最大) <h6>...</h6>标题字(最小 ...
uniapp使用video标签无法播放视频出现黑屏问题处理
uniapp使用video标签无法播放视频出现黑屏问题处理问题出现情况并且点击播放后出现报错解决办法问题出现的原因可能是video的视频流不兼容或者在f12下无法看见视频文件导致的,所有我们使 ...
HTML5标签属性（含新增标签）
目录 1.HTML5新增的标签 : 传统 div方式布局使用 HTML5新增的标签实现布局 2. 最常见的HTML标签属性: 分割视窗贴图/音乐表格语法字体效果区断标记连结格式贴图/音乐 ...
css解决uniapp使用image标签图片无法撑满全屏问题
css解决uniapp使用image标签图片无法撑满全屏问题文章目录 css解决uniapp使用image标签图片无法撑满全屏问题前言一.问题还原二.问题解决 1.在解决问题之前有必要先来学习 ...
HTML5 Audio/Video 标签,属性,方法,事件汇总（转）
2019独角兽企业重金招聘Python工程师标准>>> <audio> 标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放c ...
html5 meta标签属性整理
html5 meta标签属性整理前言:不知道有没有人觉得,html的meta标签描述的头部信息特别多,有针对的SEO的头部信息,也有针对移动设备的头部信息,今日特地在网上搜集资料自己稍微对其整理一下 ...

uniapp的checkbox标签属性

uniapp的checkbox标签属性相关推荐

最新文章

热门文章