Как сделать input прозрачным в css

прозрачный type=text

На сколько я знаю в html текст прозрачным не может быть, на то он и текст чтоб его читали. Если даже текст прозрачным сделать, как же в форму что-то писать, вы думаете это будет читабельно? ——————— UPD: Хотя попробуйте это применить: filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;

На сайте с 02.08.2008
23 мая 2011, 22:33

Сашко:
. UPD: Хотя попробуйте это применить: filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;

— filter работать будет в только в осле — даже если через фреймворк установить прозрачность в 0 ПСы отследят и накажут уж лучше за экран текст задвинуть — более кошерный дизайнерский приём, могут не штрафануть.

show must go on .
На сайте с 29.05.2008
23 мая 2011, 22:43
А для input[type*=text] задать беграунд не судьба? Или уже задать id, а потом в CSS.
На сайте с 10.05.2007
24 мая 2011, 05:25
или я не так выразился или вы не так поняли, прозрачным должен быть не текст а именно поле для ввода
На сайте с 02.08.2008
24 мая 2011, 05:27

alexpnet:
или я не так выразился или вы не так поняли, прозрачным должен быть не текст а именно поле для ввода

Как сделать input прозрачным в css

Для того, что бы сделать поле ввода (input) прозрачным, достаточно выставить свойству background элемента, значение transparent. Рассмотрим пример, в котором мы дополним наш input и другими стилями для наглядности.

Исходный HTML файл и стили:

 class="wrapper">  type="text" id="text" placeholder="Введите данные">  

.wrapper  /* Наше поля ввода будет прозрачным, поэтому добавим блок-обертку с цветом */ width: 200px; height: 30px; background-color: #fff4e6; > input  /* Делает само поле ввода прозрачным */ background: transparent; /* Убираем рамки вокруг поля ввода */ border: none; /* Добавим нижнюю черту для красоты */ border-bottom: 1px solid #444; > 

Результат:

Как сделать input прозрачным в css

Создание игр на Unreal Engine 5

Данный курс научит Вас созданию игр на Unreal Engine 5. Курс состоит из 12 модулей, в которых Вы с нуля освоите этот движок и сможете создавать самые разные игры.

В курсе Вы получите всю необходимую теоретическую часть, а также увидите массу практических примеров. Дополнительно, почти к каждому уроку идут упражнения для закрепления материала.

Помимо самого курса Вас ждёт ещё 8 бесплатных ценных Бонусов: «Chaos Destruction», «Разработка 2D-игры», «Динамическая смена дня и ночи», «Создание динамической погоды», «Создание искусственного интеллекта для NPC», «Создание игры под мобильные устройства», «Создание прототипа RPG с открытым миром» и и весь курс «Создание игр на Unreal Engine 4» (актуальный и в 5-й версии), включающий в себя ещё десятки часов видеоуроков.

Уроки и статьи

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Моя группа

Какая тема Вас интересует больше?

Бесплатный курс

Мастер-класс по созданию сайта на WordPress 6

Этот видеоурок длится всего 21 минуту, но уже в конце создан полностью рабочий сайт на WordPress (с применением ChatGPT). И весь процесс Вы увидите своими глазами, а повторить — не составит труда!

Чтобы получить Видеокурс,
заполните форму

Бесплатный онлайн-семинар

5 шагов и профессиональный сайт готов

После семинара:

— Вы будете иметь чёткий план действий.

— Вы сможете начать создавать сайт.

— Вы сможете легко ориентироваться в информации по созданию сайтов.

background-color

Определяет цвет фона элемента. Хотя это свойство не наследует свойства своего родителя, из-за того, что начальное значение устанавливается прозрачным, цвет фона дочерних элементов совпадает с цветом фона родительского элемента.

Синтаксис

background-color: | transparent | inherit

Значения

transparent Устанавливает прозрачный фон. inherit Наследует значение родителя.

HTML5 CSS2.1 IE Cr Op Sa Fx

       
Lorem ipsum dolor sit amet
 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
  

В данном примере для элементов веб-страницы применяется три различных способа задания фонового цвета. Результат примера показан на рис. 1.

Рис. 1. Применение background-color

Объектная модель

[window.]document.getElementById(» elementID «).style.backgroundColor

Браузеры

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit .