为什么ul的li元素，下面总有一根横线

分类：MUI

mui

如图

代码示例：

<ul class="mui-table-view-chevron" style="background: transparent;padding-top: 2px;" >
<li class="mui-table-view-cell mui-media" style="">
</li>
</ul>

2016-09-29 17:11 负责人:无分享

5 个回复

猫一只 (作者)

另，我尝试过设置border:0px，和 text-decoration:none 都不行

Trust - 少说废话

审查相应元素的:after，将height修改为0即可取消。

carlosLee

li看看下有没有：before或者：after，给它content:none;就什么都没了

r***@163.com

我是一般这样设置一下就可以了
.mui-table-view:after
{
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 0px;

            content: '';  
            -webkit-transform: scaleY(.5);  
                    transform: scaleY(.5);            
            background-color: #c8c7cc;  
        }             
        .mui-table-view:before  
        {  
            position: absolute;  
            right: 0;  
            bottom: 0;  
            left: 0;  

            height: 0px;  

            content: '';  
            -webkit-transform: scaleY(.5);  
                    transform: scaleY(.5);  

            background-color: #c8c7cc;  
        }

1***@qq.com

我的做法是添加一个css样式，这样不需要改动mui的css

.before_hide:before {  
    display: none;  
}  
.after_hide:after {  
    display: none;  
}

然后class="mui-table-view before_hide after_hide"

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

为什么ul的li元素，下面总有一根横线

5 个回复

公告

相关问题

为什么ul的li元素，下面总有一根横线

与内容相关的链接

5 个回复

公告

相关问题