列表无法自定义高亮颜色

分类：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 负责人:无分享

2 个回复

BoredApe - 有问题就会有答案。

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

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

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

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

3***@qq.com (作者)

你这个也不行啊！我用了.mui-table-view-cell > a:not(.mui-btn).mui-active 这个可以

2017-02-28 16:33
BoredApe

加 !important

2017-02-28 16:38
3***@qq.com (作者)

回复 BoredApe:在哪加啊？

2017-02-28 18:03

3***@qq.com (作者)

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

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

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

列表无法自定义高亮颜色

2 个回复

公告

相关问题

列表无法自定义高亮颜色

与内容相关的链接

2 个回复

公告

相关问题