Проверка нокаута не работает с текстовым редактором Kendo

Question

Я пытаюсь проверить мой модал, используя проверку нокаута. Проверка корректно работает с вводом текста, но с помощью текстового редактора кендо Я не могу применить CSS к текстовому редактору кендо. В режиме проверки кендо строит таблицу, а внутри таблицы она определяет текстовую область с необходимыми свойствами. Когда пользователь пытается вставить пустые поля, проверка выбивания дает мне ошибку и просит пользователя ввести значение перед отправкой данных. Тем не менее, часть проверки работает нормально, но чтобы выделить выбранное поле, мне нужно изменить границы CSS поля ввода

 <div class="row">
       <div class="form-group col-xs-12" data-bind="validationElement: subject">
       <label class="required">Subject</label>
       <input type="text" class="form-control no-clear-icon" data-bind="textInput: subject" />
        </div>
</div>
 <div class="row">
       <div class="form-group col-xs-12" data-bind="validationElement: description">
             <label class="required">Description</label>
              <textarea style="resize: none;" wrap="hard" data-bind="TextEditor: description" rows="3"></textarea>
        </div>
 </div>

CSS-

.has-error .form-control {
border-color: red;
border-style: solid;
border-width: thin;

} Осмотреть окно -

Просмотр окна

токовый выход

Токовый выход

Желаемый вывод, когда пользователь пытается отправить информацию, но teaxtarea пусто

Желаемый выход

Answer 1

Просто добавив CSS ниже, решил проблему

.has-error .k-content {
   border-color: red;
   border-style: solid;
   border-width: 1px;
  -webkit-box-shadow: none !important;
   box-shadow: none !important;
}

Answer 2

Я обнаружил похожую проблему на Telerik Board по этой теме здесь :

.k-tooltip-validation {
    visibility: hidden
}

и

.k-widget > span.k-invalid,input.k-invalid
{
  border: 1px solid red !important;
}