Как сделать чтобы при выборе пункта поля ввода из выпадающего списка, цвет и картинка не менялись?

Question

[sunnyrio]

Как сделать чтобы при выборе пункта поля ввода из выпадающего списка, цвет и картинка не менялись?

html:

<form class="form_form">
						<input class="form_form__input form_form__input--picture-1" placeholder="Ваше имя" type="text" name="name"></input>
						<input class="form_form__input form_form__input--picture-2" placeholder="Ваш телефон" type="text" name="phone"></input>
						<input class="form_form__button" type="submit" name="submit" value="Отправить"></input>
					</form>

css:

.form_form__input {
    padding: 9px 10px 9px 30px;
	margin-bottom: 12px;
    font-size: 18px;
    line-height: 18px;
    color: #333;
	border: none;
	
	background-repeat: no-repeat;
	background-position: 9px center;
}
.form_form__input--picture-1 {
	background-image: url('../images/picture-1.png');
}
.form_form__input--picture-2 {
	background-image: url('../images/picture-2.png');
}

Вот выбираю поле ввода:


Вот, появляются выпадающий список и я выбираю один из пунктов:


Вот, картинка фона и цвет фона меняются, после выбора:


Как сделать чтобы цвет фона не менялся, и картинка не пропадала?

Answer 1

[dmalapsh]

Ну соответственно либо убираешь те css свойства которые это изменяют либо пытаешься перебить собственными свойствами. У инпута background прописан, а у иконки color. Посмотри там должен быть селектор с псевдоклассом :focus там то и должны быть прописаны эти свойства. А вообще по хорошему код прикладывают о котором идет речь

Comments

[sunnyrio]

Приложил код, изменение стилей focus'a помогут?

[dmalapsh]

Да,эти стили отвечают за отображение инппута в активном состоянии. А исходя из кода который приложен, отображение будет статичным и при нажатии.