nimmy1023
nimmy1023
  • 发布:2016-01-11 10:45
  • 更新:2016-01-11 10:45
  • 阅读:1577

灰色无底色按钮的文字不显示-已修复

分类:MUI

写了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>
发现:灰色 按钮的文字不显示

用谷歌浏览器查看样式,检查 紫色 和 灰色 两个按钮,找到相异处,修改如下:

  1. 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}
  2. 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;
    }
2016-01-11 10:45 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复