如何将样式应用于ngb timepicker(timpicker for angular by boostrap)按钮?

如何将样式应用于ngb timepicker(timpicker for angular by boostrap)按钮?,angular,twitter-bootstrap,Angular,Twitter Bootstrap,我使用ngb时间选择器从用户那里获取时间。 但是时间按钮(箭头键)默认使用箭头光标。 我想将箭头键的样式设置为以指针作为光标 html: css: .picker button.btn-link{ 光标:指针; }一种解决方案是将您的样式放入全局样式表styles.css或styles.scss :host /deep/ ngb-timepicker { } 例如,要更改您将使用的输入的高度: :host /deep/ ngb-timepicker input { height: 45

我使用ngb时间选择器从用户那里获取时间。 但是时间按钮(箭头键)默认使用箭头光标。 我想将箭头键的样式设置为以指针作为光标

html:

css:

.picker button.btn-link{
光标:指针;

}

一种解决方案是将您的样式放入全局样式表
styles.css
styles.scss

:host /deep/ ngb-timepicker {
}
例如,要更改您将使用的输入的高度:

:host /deep/ ngb-timepicker input {
   height: 45px;
}

对我来说,时间选择器中的箭头键在其示例中有光标指针。您的示例是否与文档中的不同,或者我是否理解错了什么?但并不总是最好的解决方案,因为您可能只需要将其用于某个组件。因此,如果它在styles.css中,那么您一直在加载它,而您可能根本不需要它。另一种解决方案是向使用ngb timepicker的组件添加
封装:ViewEncapsulation.None
,然后您可以将所需的样式添加到组件样式表中。但是,此设置将使组件样式表中的所有css全局可用