radio和checkbox样式调整
小于 1 分钟
radio和checkbox样式调整
radio样式
在css中添加如下代码,修改选中颜色
uni-radio:not([disabled]) .uni-radio-input:hover {
border-color: #d1d1d1;
}
在css中添加如下代码,即可实现选中状态填充颜色渐变
.uni-radio-input-checked{
background: linear-gradient(142deg,#FF9200 0%,#FF2B2B 100%);
}
checkbox样式
在css中添加如下代码,即可去除复选框右边的边距
uni-checkbox .uni-checkbox-input {
margin-right: 0 !important;
}
在css中添加如下代码,修改选中颜色
uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
border-color: #d1d1d1;
}
在css中添加如下代码,即可实现选中状态填充颜色
.uni-checkbox-input-checked{
background: linear-gradient(0,blue 0%,blue 100%);
border-color: blue;
}