Автоматическая установка курсора «Не разрешено» для отключенных полей в реактивной форме

#angular #css #typescript #angular-reactive-forms #angular-forms

#angular #css #typescript #angular-реактивные-формы #angular-формы

Вопрос:

Есть ли вообще в Angular 6/7 это

при наведении курсора на любое отключенное поле реактивной формы курсор автоматически меняется на «Не разрешено»???

Я не хочу использовать CSS для изменения курсора. Должен быть какой-то способ сделать это только с angular.

PS: в настоящее время управление отключается, но курсор не меняется на «Не разрешено».

Ответ №1:

 input:disabled,
input[disabled]{
cursor:not-allowed !important;
}

select:disabled,
select[disabled]
{
cursor:not-allowed !important;
}
textarea:disabled,
textarea[disabled]
{
cursor:not-allowed !important;
}


  Although I had to use CSS, This fixed my issue in a very clear way.
  

Ответ №2:

Вы можете упростить это, а также избавиться от !important , используя следующий код:

 mat-form-field:disabled {
  cursor: not-allowed;
}