Как удалить значок «X» из поля ввода поиска или поиска типа ввода

Чтобы удалить значок «X» из поля ввода поиска или поиска типа ввода, вы можете использовать различные методы в зависимости от используемой технологии. Вот несколько возможных подходов:

  1. CSS-решение:
    Вы можете скрыть значок «X» с помощью CSS. Примените следующий CSS к полю ввода:

    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration,
    input[type="search"]::-webkit-search-results-button,
    input[type="search"]::-webkit-search-results-decoration {
       display: none;
    }
  2. Решение на JavaScript:
    Вы можете использовать JavaScript для динамического удаления значка «X». Добавьте следующий код JavaScript:

    var input = document.querySelector('input[type="search"]');
    input.addEventListener('search', function() {
       if (input.value === '') {
           input.style.background = 'white'; // Replace 'white' with your desired background color
       }
    });
  3. Решение jQuery:
    Если вы используете jQuery, вы можете добиться того же результата, что и решение JavaScript, используя следующий код:

    $(document).ready(function() {
       $('input[type="search"]').on('search', function() {
           if ($(this).val() === '') {
               $(this).css('background', 'white'); // Replace 'white' with your desired background color
           }
       });
    });