问)如何在下面的自定义组件上修复样式,使其看起来像加号,继承自<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] 删除。
我来说两句