首页 > 其他 > 详细

修改MUI样式的整理

时间:2018-12-11 15:24:32      阅读:179      评论:0      收藏:0      [点我收藏+]
技术分享图片
.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‘;
            }

            /* checkbox的样式 */
            .mui-radio input[type=radio]:checked:before {
                color: red;
            }
radio的样式变成对号
技术分享图片
background: linear-gradient(to right, #FFB0A0, #E83E21);
背景渐变色
技术分享图片
.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;
            }
导航底部字体颜色

 

修改MUI样式的整理

原文:https://www.cnblogs.com/baobaoa/p/10102049.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!