PhoneGap中文网

 找回密码
 立即注册

如何去掉列表的上边框?

查看数: 17234 | 评论数: 4 | 收藏 0
关灯 | 提示:支持键盘翻页<-左 右->
    组图打开中,请稍候......
发布时间: 2014-6-24 15:58

正文摘要:

仔细看列表的最上面的边框,似乎有一条1px的分割线,如何去掉它? 我已经把所有可能的边框粗细都设成0了,可还是有这样的分割线存在。 <div><ul data-role="listview" data-inset="true" data-count-theme="a ...

回复

gundumw100 发表于 2014-6-27 16:03:46
原来需要修改.ui-li,将border-top-width: 1px;改成需要的粗细就可以了。
这条线不是li的,而是div的,JQM在生成的时候将ul里的li元素外面再套两个div元素,这条线就是div中产生的,难怪我怎么调li都没什么效果。
.ui-li{
        margin: 0;
        overflow: visible;
        text-align: left;
        border-width: 0;
        border-top-width: 0px;
        border-bottom-width: 0px;/*我添的*/
}

这也太坑人了,为什么JQM在li外面还要再生成2个div呢?这样层层嵌套,就不考虑效率?
admin 发表于 2014-6-25 12:36:27
gundumw100 发表于 2014-6-24 21:20
在使用元素的时候,JQM会默认在之间加一条分割线,如何去掉默认的分割线,或者修改它的粗细? ...

改css 火狐firebug 调试工具 或者谷歌调试工具试试
gundumw100 发表于 2014-6-24 21:20:51
本帖最后由 gundumw100 于 2014-6-24 21:26 编辑
  1. <ul data-role="listview" data-inset="true" data-count-theme="a">
  2.      <li data-icon="arrow" data-iconshadow="false"><a style="padding:16px;" href="#">App Version<span id="appVersion" class="ui-li-count"></span></a></li>
  3.      <li data-icon="arrow" data-iconshadow="false"><a style="padding:16px;" href="" >About us</a></li>
  4. </ul>
复制代码
在使用<li>元素的时候,JQM会默认在<li>之间加一条分割线,如何去掉默认的分割线,或者修改它的粗细?
admin 发表于 2014-6-24 16:19:57
你的代码成乱码了,这个用工具调调 看看到底是那个元素出现的边框,对症下药
关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-11-5 18:47 , Processed in 0.046294 second(s), 29 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表