<style>
.uc-oldsearch {
display: none; /* Скрываем стандартный поиск */
}
.newsearch {
width: 100%;
height: 50px; /* Высота поля поиска */
border: 2px solid black; /* Размер, тип и цвет границы поля поиска */
border-radius: 30px; /* Округление границ поля поиска */
color: black; /* Цвет текста внутри поля поиска */
background-color: transparent; /* Фоновый цвет поля поиска */
}
.newsearch::placeholder {
color: black; /* Цвет надписи "Поиск" внутри поля поиска*/
}
.t-site-search-dm {
background-color: black; /* Фоновый цвет плашки с результатами */
border-radius: 15px; /* Округлениие границ плашки с результатами */
margin-top: 10px; /* Отступ свурху от плашки с результатами */
overflow: hidden;
}
.t-site-search-dm__result__title.t-text {
color: white; /* Цвет текста внутри плашки с результатами */
}
.t-site-search-dm__result__body.t-text, h3.t-title, .t-site-search-dm__result__title.t-descr {
color: white; /* Цвет второй строки в плашке и цвета заголовков в popup */
}
.t-site-search-popup {
background-color: black; /* Фоновый цвет popup */
border-radius: 15px; /* Округдениие границ popup */
color: white; /* Цвет текста в popup */
z-index: 99999;
}
.t-site-search-close {
display: none !important;
}
.t985__clear-icon {
display: none;
}
.search-icon {
position: absolute;
top: 10px; /* Отступ сверху от иконки поиска */
right: 10px; /* Отступ справа от иконки поиска */
width: 20px; /* Ширина иконки поиска */
height: 20px; /* Высота иконки поиска */
cursor: pointer;
}
</style>
<div class="t838__wrapper t-site-search-input">
<div class="t838__blockinput" style='position: relative;'>
<input type="text" class="t838__input t-input newsearch" placeholder="Найти" data-search-target="all">
<button style='border: none; background: none; padding: 0;'><img class="search-icon" src='ссылка на икноку' alt="поиск"></button>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var poppopElement = document.querySelector('.search-icon');
poppopElement.addEventListener('click', function () {
console.log('Клик был выполнен!');
var event = new KeyboardEvent('keydown', {
key: 'Enter',
bubbles: true,
cancelable: true
});
poppopElement.dispatchEvent(event);
});
poppopElement.addEventListener('keydown', function (event) {
if (event.key === 'Enter') {
console.log('Enter был нажат!');
}
});
});
</script>