Как уменьшить ширину поля «Поиск» в ПДА версии сайта

голоса: 0

Добрый день! В ПДА версии сайта поле «Поиск» после результату поиска «выезжает» за пределы мобильного браузера. Как можно уменьшить (задать) ширину поля «Поиск» в ПДА версии  в результате поиска материалов? 

 

 

Адрес сайта http://yurpomoch.ucoz.ru/
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0
 
Лучший ответ

В таблицу стилей пда пропишите подобные стили:

input[type="search"] { width: 100px; }

вместо 100 пропишите нужную вам ширину.

| Автор:
Выбор ответа лучшим | | Автор: Сергей Сергей

При таком коде уменьшается размер поля «Поиск» до того, как в нем произведен поиск. Поле «поиск» после результата поиска не уменьшается. Нужно уменьшить ширину поля «Поиск» после результата поиска.

До поиска

После поиска:

Сергей Сергей,

Тогда вот так:

input[class="queryField"] {}

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

Установил код: input[class="queryField"] {width: 20px; }  Этот код также изменяет размер поля «Поиск» до результата поиска. Поле «Поиск» после результата не меняется вообще. Не больше, ни меньше при изменении размера пикселей в стиле.
Сергей Сергей,

До не меняет, лишь после. Вы путаете. Точнее вот так:

input[class="queryField"] {width: 20px!important; } 

только 20 лучше не указывать так как в таком случае вообще лучше удалить поик с результатов.

...