Question

Помогите, пожалуйста, сам не разберусь.

К форме поиска в модулях применены стили (например, тут).

Но те же самые стили применяются и к полям других форм (как здесь).

Пробовал применить class="searched" и прописывал его в стилях, но ничего не изменялось... Нужно, чтобы стиль формы поиска не применялся к другим формам (ни к форме обратной связи, ни к какой-либо другой). Спасибо.

Answer 1

В таблице стилей вам надо разделить выделенное красным и выделенное зеленым

input[type="search"], input[type="text"] {

    background: url("../images/search-icon.png") no-repeat scroll 9px center #EDEDED;

    border: 1px solid #CCCCCC;

    border-radius: 10em;

    padding: 9px 10px 9px 32px;

    transition: all 0.5s ease 0s;

    width: 130px;

}

Сейчас у вас для всех типов импутов стоят одинаковые стили. Вы можете отделить импуты для текста и расписать их так как вам нужно

Comments

То есть таким манером?

input {
}
input[type=search] {}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {}

/* search input field */

input[type=search]{}

input[type=text] {}

input[type=search]:focus{}

input[type=text]:focus {}

/* placeholder */

input:-moz-placeholder {}

input::-webkit-input-placeholder {}

 

---

Пробовал разделить. Тогда все абсолютно формы принимают одинаковый (обычный) вид...

---

заверните нужную форму поиска в новый класс, например:

<div class="new-form">здесь код формы типа <form>итд</form></div>

далее пишем уже стили для формы с данный классом.

.new-form input[type="search"],.new-form input[type="text"] {
    background: url("../images/search-icon.png") no-repeat scroll 9px center #EDEDED;
    border: 1px solid #CCCCCC;
    border-radius: 10em;
    padding: 9px 10px 9px 32px;
    transition: all 0.5s ease 0s;
    width: 130px;
}

думаю далее уже поймете по примеру как писать отдельные стили для определенной формы.

---

Спасибо, Yuri_G. Хотел бы поставить Вам +1 и выбрать Ваш ответ лучшим, но Вы ответили в комментариях... Хотя webanet сказала в общем-то то же самое, только не "разжевала" ))) Поэтому ставлю ДВОИМ )