修改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';
            }

            /* 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;
            }
導航底部字體顏色

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM