377762305@qq.com
377762305@qq.com
  • 发布:2017-02-28 14:54
  • 更新:2017-02-28 16:33
  • 阅读:1109

列表无法自定义高亮颜色

分类:MUI
          <ul class="mui-table-view">  
            <li class="mui-table-view-cell"><a class="mui-navigate-right" href="">Item 1</a></li>  
            <li class="mui-table-view-cell"><a class="mui-navigate-right" href="">Item 2</a></li>  
            <li class="mui-table-view-cell"><a class="mui-navigate-right" href="">Item 3</a></li>  
            <li class="mui-table-view-cell"><a class="mui-navigate-right" href="">Item 4</a></li>  
          </ul>

点击列表时默认是灰色高亮背景,我想换成其他的颜色。

.mui-table-view-cell.mui-active{  
    background-color: #0062CC;  
}

这种方法不生效。
求解?

2017-02-28 14:54 负责人:无 分享
已邀请:
五块钱的果汁

五块钱的果汁 - 勤奋是一种被逼无奈 - 热爱是一种情不自禁~

抱歉 文档的不足. 因为你使用的这个组件是有子元素的. 子元素会先接收到事件. .mui-active状态就会添加到这个元素上
而你指定的

.mui-table-view-cell.mui-active 

是作用在它的父级上所以不生效.可以这样改

.mui-table-view-cell.mui-active,.mui-table-view-cell .mui-active{  
    background-color: #0062CC;  
}
377762305@qq.com

377762305@qq.com (作者)

.mui-table-view-cell > a:not(.mui-btn).mui-active{  
                background-color: #272424;  
            }  

这样子添加多个样式就行了

要回复问题请先登录注册