Как мы можем удалить тень от коробки слева или справа в этом дизайне?

Question

Вот мой пример изображения:

Codepan : [https://codepen.io/vijayhardaha/details/GRgLgZR][2]

, если кто-нибудь знает, как мы можем скрыть тень от поля слева или справа (Проверить изображение)? Я не хочу быть смещенным, чтобы двигаться влево или вправо. Это не вписывается в мой дизайн.

Если у кого-то есть идеи или хитрости, пожалуйста, предложите мне. Это группа ввода, и в фокусе я накладываю тень блока на элемент ввода и ввода.

Спасибо

Answer 1

Я создал два разных блока в html и применил box-shadow css к обоим.

это удалит box-shadow с правой стороны box-shadow: -10px 15px 8px 5px # 888888; (панель поиска)

удаляет тень от левой стороны рамки: 10px 15px 8px 5px # 888888; (окно значка поиска)