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

Как сделать 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:
или я не так выразился или вы не так поняли, прозрачным должен быть не текст а именно поле для ввода

Как сделать прозрачность при наложении блока?

введите сюда описание изображения

Есть поле ввода. На поле ввода с абсолютным позиционированием налаживается label .
Сейчас у label задан фон, чтобы перекрывать верхнюю обводку поля ввода. Можно ли как-то сделать прозрачность под блоком label , не задавая фона? А то выглядит не очень.

.inp-form < display: block; margin: 0; padding: 0 30px; width: 100%; height: 56px; border: 1px solid #397CFF; border-radius: 28px; background: none; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; color: #fff; user-select: none; appearance: none; outline: none; >.label
 

Отслеживать

24.1k 5 5 золотых знаков 35 35 серебряных знаков 68 68 бронзовых знаков

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

Как сделать поле ввода прозрачным изнутри, но чтоб было видно рамку?

  • Вопрос задан более трёх лет назад
  • 537 просмотров

Комментировать

Решения вопроса 1

politon

HTML5,CSS3,JS,PHP,SQL,API,canvas,animation.

Ответ написан более трёх лет назад

Комментировать

Нравится 1 Комментировать

Ответы на вопрос 0

Ваш ответ на вопрос

Войдите, чтобы написать ответ

css

  • CSS
  • +1 ещё

Daysi UI — изменить цвет, icon навигационного меню?

  • 1 подписчик
  • вчера
  • 40 просмотров

html

  • HTML
  • +1 ещё

Как сделать так, чтобы содержимое defs работало?

  • 1 подписчик
  • вчера
  • 43 просмотра

css

  • CSS

Как удалить все префиксы из css?

  • 1 подписчик
  • вчера
  • 78 просмотров

html

  • HTML
  • +1 ещё

Выровнить картинку по центру в тексте, чтобы не зависимости всегда была по центру?

  • нет подписчиков
  • 05 мая
  • 85 просмотров

css

  • CSS

Как создать нормальный размер картинки на php?

  • 1 подписчик
  • 05 мая
  • 67 просмотров

javascript

  • JavaScript
  • +1 ещё

Галерея через сборку строки JS не позиционируется?

  • 1 подписчик
  • 05 мая
  • 110 просмотров

css

  • CSS

Как сверстать не стандартный макет?

  • 1 подписчик
  • 04 мая
  • 97 просмотров

html

  • HTML
  • +1 ещё

Почему схлопываются внешние отступы соседних элементов?

  • 1 подписчик
  • 04 мая
  • 75 просмотров

css

  • CSS
  • +3 ещё

Как увеличить QPushButton на 105% через stylesheet?

  • 1 подписчик
  • 04 мая
  • 38 просмотров

html

  • HTML
  • +2 ещё

Почему моргает видеофон на сайте?

  • 1 подписчик
  • 03 мая
  • 95 просмотров

от 140 000 ₽

от 5 000 до 25 000 ₽

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

07 мая 2024, в 22:37

25000 руб./за проект

07 мая 2024, в 22:24

7000 руб./за проект

07 мая 2024, в 20:58

1000 руб./за проект

Минуточку внимания

Присоединяйтесь к сообществу, чтобы узнавать новое и делиться знаниями

  • Как закрыть доступ через GPO авторизацию с помощью интернет аккаунта от Microsoftа на компьютеры под доменом?
    • 4 подписчика
    • 0 ответов
    • 3 подписчика
    • 0 ответов
    • 2 подписчика
    • 1 ответ
    • 3 подписчика
    • 2 ответа
    • 4 подписчика
    • 3 ответа
    • 2 подписчика
    • 0 ответов
    • 2 подписчика
    • 2 ответа
    • 2 подписчика
    • 0 ответов
    • 2 подписчика
    • 0 ответов
    • 2 подписчика
    • 1 ответ

    Как сделать 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; > 

    enter image description here

    Результат:

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *