修改MUI样式的整理
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
登录后才能查看或发表评论立即登录或者逛逛博客园首页
修改 MUI样式的整理
.mui-checkbox.mui-left input[type=checkbox], .mui-radio.mui-left input[type=radio]{ left: 0px;
} .mui-checkbox.mui-left label, .mui-radio.mui-left label{
padding-left: 36px; } /* 设置默认 */ .mui-checkbox.mui-left label {
padding-right: 0px; padding-left: 35px; zoom: 90%; }
.mui-radio input[type='radio']:checked:before { content: '\e442';
.mui-table-view:after { height: 0
} .mui-table-view-cell:after {
height: 0 }
去掉表单边框线
/* 导航底部字体颜色 */ .mui-bar-tab .mui-tab-item.mui-active { font-weight: bold; font-family: helvetica; text-align: center; background: -webkit-linear-gradient(left, #FFB0A1, #E83D21); /* 背景色渐变 */ -webkit-background-clip: text; /* 规定背景的划分区域 */ -webkit-text-fill-color: transparent; /* 防止字体颜色覆盖 */ font-size: 15px; }
}
/* checkbox的样式 */ .mui-radio input[type=radio]:checked:before {
color: red; }
radio的样式变成对号
background: linear-gradient(to right, #FFB0A0, #E83E21);
背景渐变色
导航底部字体颜色
பைடு நூலகம்
修改 MUI样式的整理
.mui-checkbox.mui-left input[type=checkbox], .mui-radio.mui-left input[type=radio]{ left: 0px;
} .mui-checkbox.mui-left label, .mui-radio.mui-left label{
padding-left: 36px; } /* 设置默认 */ .mui-checkbox.mui-left label {
padding-right: 0px; padding-left: 35px; zoom: 90%; }
.mui-radio input[type='radio']:checked:before { content: '\e442';
.mui-table-view:after { height: 0
} .mui-table-view-cell:after {
height: 0 }
去掉表单边框线
/* 导航底部字体颜色 */ .mui-bar-tab .mui-tab-item.mui-active { font-weight: bold; font-family: helvetica; text-align: center; background: -webkit-linear-gradient(left, #FFB0A1, #E83D21); /* 背景色渐变 */ -webkit-background-clip: text; /* 规定背景的划分区域 */ -webkit-text-fill-color: transparent; /* 防止字体颜色覆盖 */ font-size: 15px; }
}
/* checkbox的样式 */ .mui-radio input[type=radio]:checked:before {
color: red; }
radio的样式变成对号
background: linear-gradient(to right, #FFB0A0, #E83E21);
背景渐变色
导航底部字体颜色
பைடு நூலகம்