Как я могу применить стиль к кнопкам ngb-timepicker (timpicker для angular by boostrap)?
Я использую ngb-timepicker, чтобы получить время от пользователя. но кнопки времени (стрелки) по умолчанию имеют курсор в виде стрелки. Я хочу стилизовать клавиши со стрелками, чтобы указатель был курсором.
html:
<ngb-timepicker class = "picker" [(ngModel)] = "time1" required></ngb-timepicker>
css:
.picker button.btn-link{
cursor:pointer;
}
Ответы 2
Одно из решений - поместить свой стиль в глобальную таблицу стилей styles.css или styles.scss.
Но не всегда лучшее решение, так как оно может понадобиться только для определенного компонента. Так что, если он находится в файле styles.css, вы загружаете его все время, когда он вам может даже не понадобиться.
Другое решение - добавить encapsulation: ViewEncapsulation.None к компоненту, который использует ngb-timepicker, а затем вы можете добавить желаемый стиль в таблицу стилей компонента. Однако этот параметр сделает весь css из таблицы стилей компонента доступным глобально.
:host /deep/ ngb-timepicker {
}
Например, чтобы изменить высоту входов, вы должны использовать:
:host /deep/ ngb-timepicker input {
height: 45px;
}
Для меня стрелки в таймпикере имеют указатель курсора в их примерах документация. Ваш пример отличается от документации или я что-то не понимаю?