如何删除侧面菜单离子2中的下划线

Posted

技术标签:

【中文标题】如何删除侧面菜单离子2中的下划线【英文标题】:how do remove underline in side-menu ionic 2 【发布时间】:2017-12-12 10:29:48 【问题描述】:

我创建了一个侧边菜单。 和里面的按钮

<ion-content style="background-image: url(assets/imgs/background.jpg)" >
<div id="sideBody">
      <ion-list>
        <button menuClose  ion-item *ngFor="let p of Func.getPages()" (click)="openPage(p, p.title)">
          p.title
        </button>
      </ion-list>
</div>
</ion-content>
</ion-menu>

如何使菜单内的下划线不显示以及如何更改颜色文本菜单?

【问题讨论】:

我建议您检查浏览器 devtool 中的元素,现在几乎每个浏览器都有一个。例如铬developer.chrome.com/devtools 你在 id=sideBody 中给出了什么风格? 【参考方案1】:
  <ion-list no-lines>
    <button menuClose  ion-item *ngFor="let p of Func.getPages()" (click)="openPage(p, p.title)">
      p.title
    </button>
  </ion-list>

只需像上面那样放入 no-lines 属性,我已经编辑了你的代码。

【讨论】:

以上是关于如何删除侧面菜单离子2中的下划线的主要内容,如果未能解决你的问题,请参考以下文章

如何从离子列表中删除离子项目?

离子框架 $state.go('app.home');在我想去的页面上添加后退按钮(如何删除它)?

如何从 ionic 4 中的离子项目中删除白色背景?

在离子段中获取动态数据时如何删除空列?

删除 FLTK 菜单选项下的下划线

如何从弹出按钮点击Ionic关闭侧边菜单?