修改MUI样式的整理

Posted 2021-01-26 baobaoa

.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;
            }

导航底部字体颜色