Редактирование ввода type="search" Кнопка псевдоэлемента ('x') ⇐ CSS

[Anonymous]

Я пытаюсь сделать панель поиска, которая будет выглядеть красиво. Что я сделал, так это сделал изображение панели поиска, добавляю изображение на фон ввода и редактирую место и размер, где будет отображаться шрифт.
Единственное: Единственное, что я не могу найти, как отредактировать, — это маленькая кнопка «x», которая появляется, когда я использую поиск по типу ввода.
Я хочу переместить ее немного влево, чтобы она исправила изображение на панели поиска. .

Код: Выделить всё

#search {
width: 480px;
height: 49px;
border: 3px solid black;
padding: 1px 0 0 48px;
font-size: 22px;
color: blue;
background-image: url('images/search.jpg');
background-repeat: no-repeat;
background-position: center;
outline: 0;
}

Код: Выделить всё

Подробнее здесь: https://stackoverflow.com/questions/208 ... t-button-x