Angular Material2 цвет границы md-checkbox

Я использую Angular Material 2 и пытаюсь применить css к md-checkbox. До сих пор мне удалось изменить цвет фона, но нет документации о том, как применить цвет границы.

Мой код для высоты-ширины:

:host /deep/ .mat-checkbox-inner-container{
     height:15px;
     width:15px; 
}

код цвета фона при проверке:

 :host /deep/  .mat-checkbox-checked .mat-checkbox-background {
    background-color: #72addc;
}

но по-прежнему не может применяться к цвету границы.

Любая помощь приветствуется!


angular css angular-material2
person Georgios    schedule 27.04.2017    source источник
comment
просто используйте как border:1px solid black   -  person Sankar    schedule 27.04.2017
comment
@SankarRaj ваше предложение создает новую границу рядом с текущей. Не применяется к начальной границе флажка. Кстати спасибо за ответ   -  person Georgios    schedule 27.04.2017
comment
Так что вы должны использовать outline вместо border   -  person Sankar    schedule 27.04.2017
comment
@SankarRaj оба ваших предложения имеют одинаковый результат. Пожалуйста, посмотрите: imgur.com/a/pLpMC   -  person Georgios    schedule 27.04.2017
comment
Решение: :host /deep/ .mat-checkbox-frame { border-color: white }   -  person Georgios    schedule 27.04.2017

Ответы (2)


arrow_upward
7
arrow_downward

Для версии Angular 5+

/deep/ .mat-checkbox-frame { 
    border-color: grey 
}

Подробнее о стилях компонентов можно узнать здесь https://angular.io/guide/component-styles.

person Krishnadas PC    schedule 06.08.2018
comment
Так много разных решений, и это единственное, что сработало для меня. Ваше здоровье - person Michael McKenna; 21.06.2019

arrow_upward
7
arrow_downward

Для углового 8

::ng-deep .mat-checkbox-frame {
  border-color: white
}
person B Jarmain    schedule 08.08.2019