Угол 4: перекрестный поиск по типу входа и сигнал сонара "Экспериментальные свойства не должны использоваться"

Я работаю над приложением, созданным на Jhipster с Angular 4.3. Я использую поиск по типу ввода с компонентом ngbTypeahad из NgBootstrap. Пользователи хотят иметь крестик внутри ввода, чтобы удалить поиск. Я нашел эту проблему на github и этот коммит, который объясняет, что я могу поместить этот CSS для отображения креста:

input[type='search']::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

Это работает хорошо (без этого CSS у меня нет креста), но Sonar предупреждает меня об этом:

-webkit-appearance: searchfield-cancel-button;

И говорит:

 Remove this usage of the obsolete / not on W3C Standards track "appearance" property. 
 Define the standard property right after this vendor-prefixed property. 
 Remove this usage of the experimental "appearance" property.

Я прочитал ссылки, отправленные с почтой, но я не понимаю, что вместо этого поставить, чтобы не было другого оповещения сонара, я не нашел решения.

HTML-код ввода выглядит следующим образом:

    <input type="search"
           class="form-control"
           [(ngModel)] = "country"
           maxlength="50"
           [resultFormatter]="formatMatches"
           [inputFormatter]="formatMatches"
           [ngbTypeahead]="search"
           (selectItem)="selectedItem($event)">

У кого-нибудь есть идея?

0 ответов

Другие вопросы по тегам