Q) 我如何修复下面自定义组件的样式,使其看起来像加号,继承自 <ion-buttons>
的样式指令?
我在导航栏中使用自定义组件:<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;
}
关于typescript - ionic 2 : Remove background from custom component button in navbar,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37298550/