离子2:从导航栏中的自定义组件按钮中删除背景

戴夫

问)如何在下面的自定义组件上修复样式,使其看起来像加号,继承自<ion-buttons>指令的样式

我在navbar:中使用了自定义组件<notifications-bell></notifications-bell>,如下所示:

<ion-navbar *navbar header-colour>
  <button menuToggle>
    <ion-icon name="menu"></ion-icon>
  </button>  
  <ion-buttons end>
    <notifications-bell></notifications-bell>
    <button>
      <ion-icon name="add"></ion-icon>
    </button>
  </ion-buttons>  
  <ion-title>Clients</ion-title>
</ion-navbar>

但是它使用背景色进行渲染:

在此处输入图片说明

这是我的组件:

import {Component} from 'angular2/core';

@Component({
    selector: 'notifications-bell',
    directives: [],
    template: `<button><ion-icon name="notifications-outline"></ion-icon></button>`
})
export class NotificationsBellComponent {
    constructor() {
    }
}

谢谢。

格雷格

我认为这就像删除背景和阴影一样简单吗?

button{
  background: none !important;
  background-color: none !important;
  box-shadow: none !important;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

离子2:从导航栏中的自定义组件按钮中删除背景

来自分类Dev

导航栏中的Swift自定义后退按钮

来自分类Dev

从自定义按钮android中删除白色背景

来自分类Dev

自定义推送Segue删除情节提要中的导航栏和标签栏

来自分类Dev

在Swift中为单个视图自定义导航栏背景?

来自分类Dev

自定义导航栏折叠按钮

来自分类Dev

导航栏中的“自定义视图”按钮的上边距不正确

来自分类Dev

在导航栏按钮项中添加自定义图像时丢失Segue Action

来自分类Dev

在自定义进度栏中,白色背景在Android中显示。如何删除?

来自分类Dev

在离子中创建自定义尺寸按钮

来自分类Dev

在UINavigationController中设置自定义导航栏类

来自分类Dev

如何在swiftui中自定义导航栏

来自分类Dev

Swift 3 中的自定义导航栏

来自分类Dev

在 Xamarin.forms 中自定义导航栏

来自分类Dev

如何自定义导航栏中悬停的大小?

来自分类Dev

自定义iOS导航栏的高度,添加背景,菜单按钮(快速)

来自分类Dev

无法在自定义导航抽屉中设置按钮的text

来自分类Dev

工具栏中的Summernote角度自定义按钮

来自分类Dev

工具栏中的Summernote角度自定义按钮

来自分类Dev

按钮ID未进入自定义操作栏中

来自分类Dev

删除Blogger自定义模板中的侧边栏行

来自分类Dev

使用自定义图像作为UINavigationController导航栏的背景

来自分类Dev

在导航栏上添加自定义后退按钮

来自分类Dev

自定义导航栏后退按钮点击区域

来自分类Dev

如何在 angular 2+ 中制作自定义加载按钮组件?

来自分类Dev

如何从按钮中删除类并在sweetalert2中添加自定义类?

来自分类Dev

离子:导航栏中的两个按钮

来自分类Dev

根据按钮状态导航到自定义组件

来自分类Dev

如何自定义离子中的离子选择弹出高度

Related 相关文章

  1. 1

    离子2:从导航栏中的自定义组件按钮中删除背景

  2. 2

    导航栏中的Swift自定义后退按钮

  3. 3

    从自定义按钮android中删除白色背景

  4. 4

    自定义推送Segue删除情节提要中的导航栏和标签栏

  5. 5

    在Swift中为单个视图自定义导航栏背景?

  6. 6

    自定义导航栏折叠按钮

  7. 7

    导航栏中的“自定义视图”按钮的上边距不正确

  8. 8

    在导航栏按钮项中添加自定义图像时丢失Segue Action

  9. 9

    在自定义进度栏中,白色背景在Android中显示。如何删除?

  10. 10

    在离子中创建自定义尺寸按钮

  11. 11

    在UINavigationController中设置自定义导航栏类

  12. 12

    如何在swiftui中自定义导航栏

  13. 13

    Swift 3 中的自定义导航栏

  14. 14

    在 Xamarin.forms 中自定义导航栏

  15. 15

    如何自定义导航栏中悬停的大小?

  16. 16

    自定义iOS导航栏的高度,添加背景,菜单按钮(快速)

  17. 17

    无法在自定义导航抽屉中设置按钮的text

  18. 18

    工具栏中的Summernote角度自定义按钮

  19. 19

    工具栏中的Summernote角度自定义按钮

  20. 20

    按钮ID未进入自定义操作栏中

  21. 21

    删除Blogger自定义模板中的侧边栏行

  22. 22

    使用自定义图像作为UINavigationController导航栏的背景

  23. 23

    在导航栏上添加自定义后退按钮

  24. 24

    自定义导航栏后退按钮点击区域

  25. 25

    如何在 angular 2+ 中制作自定义加载按钮组件?

  26. 26

    如何从按钮中删除类并在sweetalert2中添加自定义类?

  27. 27

    离子:导航栏中的两个按钮

  28. 28

    根据按钮状态导航到自定义组件

  29. 29

    如何自定义离子中的离子选择弹出高度

热门标签

归档