Инпуты и селекты (убираем текст при клике, и убираем обводку)

Разные полезности для сайта, от сторонних разработчиков.
Ответить
Аватара пользователя

Автор Темы
Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Инпуты и селекты (убираем текст при клике, и убираем обводку)

Сообщение Gudwinn » 02 фев 2016, 14:30

Всем привет, решил небольшой вспомогательный пример выложить, часто встречал в сайтах созданных в веб билдере такую штуку, как не исчезающий при клике текст в поле инпута, а также появляющуюся синию рамку при клике, которая смотрится непрятно, и иногда рушит геометрию элемента (инпута) Все эти беды можно побороть внеся в тег и особый стиль элемента несложные функции и стили (в тег: onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" в особый стиль: outline:none; ) Вот собственно и всё. Пример http://user.offershop.ru/ wbs http://user.offershop.ru/inputselect.zip
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Реклама
Аватара пользователя

igorweb
Продвинутый
Продвинутый
Сообщения: 299
Зарегистрирован: 29 дек 2015, 20:16
Версия Web Builder: 12.0.0
Контактная информация:

Инпуты и селекты (убираем текст при клике, и убираем обводку)

Сообщение igorweb » 02 фев 2016, 15:53

А синяя рамка осталась при клике на стрелку с выбором :nez-nayu:
Разработка красивых и современных сайтов на заказ

Аватара пользователя

Автор Темы
Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Инпуты и селекты (убираем текст при клике, и убираем обводку)

Сообщение Gudwinn » 02 фев 2016, 16:33

так это понятно, список то с вариантами выбора должен как то же выделятся, или нужно что бы белая простыня вылезала? тем более сам то селект не обводится рамкой, верно?
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

sinpai
Мастер
Мастер
Сообщения: 808
Зарегистрирован: 01 сен 2014, 11:19
Версия Web Builder: 14.2.2
Имя: Иван
Контактная информация:

Инпуты и селекты (убираем текст при клике, и убираем обводку)

Сообщение sinpai » 02 фев 2016, 16:37

Спасибо за решение.
И грянет страшный русский ренессанс!

Аватара пользователя

igorweb
Продвинутый
Продвинутый
Сообщения: 299
Зарегистрирован: 29 дек 2015, 20:16
Версия Web Builder: 12.0.0
Контактная информация:

Инпуты и селекты (убираем текст при клике, и убираем обводку)

Сообщение igorweb » 02 фев 2016, 17:02

Нее, я не про ту рамку, которой весь блок обводится :-): . Когда жмете на серую область со стрелкой вниз - вот это область обводится синим абрисом.
Разработка красивых и современных сайтов на заказ

Аватара пользователя

Автор Темы
Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Инпуты и селекты (убираем текст при клике, и убираем обводку)

Сообщение Gudwinn » 02 фев 2016, 17:57

А в чём смотрите? в хроме нет этого. И опять же, это всё детали, я полагаю что с этим решением, форма в разы опрятнее смотреться будет, чем как обычный вариант, кому надо, заморочаться сами деталями и стилями.
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

igorweb
Продвинутый
Продвинутый
Сообщения: 299
Зарегистрирован: 29 дек 2015, 20:16
Версия Web Builder: 12.0.0
Контактная информация:

Инпуты и селекты (убираем текст при клике, и убираем обводку)

Сообщение igorweb » 02 фев 2016, 18:03

Смотрю в firefox-е.
Разработка красивых и современных сайтов на заказ


Ответить

Вернуться в «Полезное для сайта.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость