Пользовательское окно поиска с пользовательским поиском Google

Question

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

Это то, что у меня сейчас

<div id="custom-search-input">
    <form method="get" action="https://www.google.com/search">
        <input type="text" class="form-control input-lg" placeholder=" Search" name="q">
        <button class="btn btn-info btn-lg" type="search" style="position:absolute; top:30px; right: 5px;">
            <i class="fas fa-search fa-lg" aria-hidden="true"></i>
        </button>
    </form>
</div>

Я бы хотел, чтобы он выглядел так, как я хочу, но он выполняет поиск в Google только на моем веб-сайте.

Как бы я поступил так?

Answer 1

Вы можете использовать CSS, чтобы переписать стандартную тему окна поиска Google по умолчанию. Просто поместите javascript пользовательского поиска Google на свою страницу, а затем используйте css.

https://getsitethemes.com/snippets/custom-google-custom-search-box-new-theme-2535