Видоизменить форму ввода текста

@dimacat · Регистрация: 04.10.2008

Студворк — интернет-сервис помощи студентам

Доброго времени суток ! Подскажите, как видоизменить стандартную форму для ввода текста в примерно такую (см. ниже) ?

@FunDuck · 11.02.2010, 09:44

Cделай div с таким изображением на фоне и помести в него input, у которого в стилях убери рамку(border:none).

@cooperOk · 11.02.2010, 10:44

еще можно для самого инпута прописать бекграунд с этой картинкой и задать соответствующие падинги

@dimacat · 11.02.2010, 17:07 **[ТС]**

Спасибо за ответы ! А теперь подскажите, как убрать бордер при наборе текста в это поле ?

@cooperOk · 11.02.2010, 17:52

Так если ты border:none указал то вроде не должно ничего быть.
На всякий случай, есть псевдокласс :focus его обрабатывай.

HTML5
1
input:focus{border: none;}

@dimacat · 11.02.2010, 23:29 **[ТС]**

Не работает. Я, возможно, плохо объяснил. Вот про какой бордер я говорю (см. ниже)

@cooperOk · 12.02.2010, 10:43

ну тогда пробуй outline:none;

@Ex_Soft · 12.02.2010, 10:53

тынць

@cooperOk · 12.02.2010, 12:16

Сообщение от Ex_Soft

тынць

Ну так пусть и не работает. В них этот бордер и не высвечивается. Это гугл хром и сафари выделяют выбранный инпут.

@romchiksoad · 12.02.2010, 19:52

Сообщение от cooperOk

Ну так пусть и не работает. В них этот бордер и не высвечивается. Это гугл хром и сафари выделяют выбранный инпут.

Скорее всего.Но можно и цвет задать на всякий случай, через css такой же как и bg

Добавлено через 1 минуту
но на хром и сафари это вряд ли подействует

Новые блоги и статьи Все статьи Все блоги /
Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .

@dimacat 1 / 1 / 0 Регистрация: 04.10.2008 Сообщений: 97

	Видоизменить форму ввода текста 11.02.2010, 00:43. Показов 2481. Ответов 9 Метки нет (Все метки) Доброго времени суток ! Подскажите, как видоизменить стандартную форму для ввода текста в примерно такую (см. ниже) ? Изображения 0

@FunDuck 692 / 383 / 51 Регистрация: 22.01.2009 Сообщений: 1,135
	11.02.2010, 09:44
	Cделай div с таким изображением на фоне и помести в него input, у которого в стилях убери рамку(border:none). 1

@cooperOk 60 / 60 / 6 Регистрация: 12.11.2009 Сообщений: 169
	11.02.2010, 10:44
	еще можно для самого инпута прописать бекграунд с этой картинкой и задать соответствующие падинги 1

@dimacat 1 / 1 / 0 Регистрация: 04.10.2008 Сообщений: 97
	11.02.2010, 17:07 [ТС]
	Спасибо за ответы ! А теперь подскажите, как убрать бордер при наборе текста в это поле ? 0

@dimacat 1 / 1 / 0 Регистрация: 04.10.2008 Сообщений: 97
	11.02.2010, 23:29 [ТС]
	Не работает. Я, возможно, плохо объяснил. Вот про какой бордер я говорю (см. ниже) Изображения 0

@cooperOk 60 / 60 / 6 Регистрация: 12.11.2009 Сообщений: 169
	12.02.2010, 10:43
	ну тогда пробуй outline:none; 0

@Ex_Soft 213 / 107 / 15 Регистрация: 28.01.2009 Сообщений: 481
	12.02.2010, 10:53
	тынць 0