Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.62/13: Рейтинг темы: голосов - 13, средняя оценка - 4.62
 Аватар для sashok89
75 / 75 / 11
Регистрация: 04.08.2012
Сообщений: 526
Записей в блоге: 2

Html form подсветка input

19.04.2014, 20:24. Показов 2612. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый вечер. Что за ерунда происходит с input, когда ставлю курсор туда, вокруг него появляется странная синяя рамка. Как мне от нее избавиться?

HTML5
1
2
3
4
5
6
7
<form class="forma">
<input type="text" value="Your name">
<input type="text" value="Your Email Address">
<input type="text" value="Your Estimated Budget">
<textarea></textarea>
<input type="submit" value="submit now">
</form>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
.forma {}
.forma input {
    display: block; 
    width: 380px;
    padding: 10px 20px;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background: #e0e0e0;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.5) inset;
    box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.5) inset;
    text-shadow: none;
}
.forma textarea {
    height: 180px;
    width: 430px;
    resize: none;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background: #e0e0e0;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.5) inset;
    box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.5) inset;
    text-shadow: none;
}
ссылка на пример
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
19.04.2014, 20:24
Ответы с готовыми решениями:

Подсветка у input
При нажатии на поле ввода, оно приобретает своеобразную синюю подсветку. Мне нужно сделать так, чтоб этой обводки не было.

Подсветка поля input в Chrome
Друзья, добрый день! Есть форма в которой &lt;input type=&quot;text&quot; name=&quot;search&quot; id=&quot;quickquery&quot; placeholder=&quot;Чего изволите?&quot;&gt; ...

Подсветка кнопки при focus на input поле
Возможно ли сделать чисто на CSS подсветку кнопки, если на рядом стоящий input поставить focus?

1
Почетный модератор
12274 / 5340 / 268
Регистрация: 05.04.2011
Сообщений: 14,086
Записей в блоге: 2
19.04.2014, 20:47
CSS
1
2
3
.forma input:focus {
outline:none;
}
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
19.04.2014, 20:47
Помогаю со студенческими работами здесь

Input на ширину form
Есть поле form организованное с помощью ContactForm7, применены стили для формы выставлены ширина в 50% блока form и padding со всех...

Требования к name в input form
Доброго времени суток уважаемому сообществу. Шаблон начал разрываться, т.к. нашёл такую проблемку. Если указать просто набор...

Один input к нескольким form
Добрый день У атрибута form для input в описании указано The form attribute specifies one or more forms the &lt;input&gt; element...

Чем отличаются теги <textarea> <input> и <form> ?
Они все вроде для создания форм, которые после заполнения отправляются на сервер

Как убрать отступ в теге form между границей формы и полем input
Возникла проблема на простом по идее месте. Создал форму для оставления месседжа и контактов. Подскажите, как избавиться от отступа...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru