Я пытаюсь поместить кнопку 'x' в поле ввода, используя угловую 5 и начальную загрузку, но безуспешно.
При нажатии кнопки 'x' содержимое в этом поле ввода должно быть очищено
Я пытался использовать
<input type="search" id = "search">
В CSS:
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: searchfield-cancel-button;
}
input[type="search"]::-ms-clear {
color: red;
}
Однако у меня есть проблема с этой реализацией, так как у webkit-apperance есть проблема совместимости с IE11 (даже firefox не поддерживает его), а 'x' не отображается.
может любой помочь мне найти решение для Angular 5/6/7 и Bootstrap 4.
У меня есть решение для работы с Jquery и Javascript https://codepen.io/frosdqy/pen/grbxGW
, но я ищу чисто машинописное (Angular) или загрузочное решение.
Если кто-то может помочь с angular5, это будетбольшая помощь!