写了7个按钮,为各种颜色无底色按钮,如下:
<button type="button" class="mui-btn mui-btn-outlined">默认</button>
<button type="button" class="mui-btn mui-btn-blue mui-btn-outlined">蓝色</button>
<button type="button" class="mui-btn mui-btn-green mui-btn-outlined">绿色</button>
<button type="button" class="mui-btn mui-btn-yellow mui-btn-outlined">黄色</button>
<button type="button" class="mui-btn mui-btn-red mui-btn-outlined">红色</button>
<button type="button" class="mui-btn mui-btn-purple mui-btn-outlined">紫色</button>
<button type="button" class="mui-btn mui-btn-grey mui-btn-outlined">灰色</button>
发现:灰色 按钮的文字不显示
用谷歌浏览器查看样式,检查 紫色 和 灰色 两个按钮,找到相异处,修改如下:
- mui.min.css
找到 .mui-btn-outlined.mui-btn-purple,.mui-btn-outlined.mui-btn-royal{color:#8a6de9}
追加 .mui-btn-outlined.mui-btn-grey{color: #c7c7cc} - mui.css
找到(应为 1337 行)
.mui-btn-outlined.mui-btn-royal, .mui-btn-outlined.mui-btn-purple
{
color: #8a6de9;
}
追加
.mui-btn-outlined.mui-btn-grey
{
color: #c7c7cc;
}
0 个回复