CSS — прозрачный фон, как отключить background

Прозрачный фон для формы INPUT
Прозрачный фон для формы INPUT

По умолчанию фон всегда идет белый и как бы мы не пытались это сделать — ничего не получится. Несколько вариантов задать прозрачный фон для INPUT формы средствами CSS также не решат задачу и будут отображать белый фон (см. скриншот ниже). Решение ниже.

Белый фон для формы INPUT
Белый фон для формы INPUT

Решения на CSS

Стили ниже не помогут убрать фон из формы, а прозрачность OPACITY и вовсе зацепит все элементы (текст, обводку, фон). Поэтому приходится использовать графику

Прозрачный фон картинкой

  • создаем картинку любых размеров, желательно 1х1 пиксель;
  • задаем ей прозрачность через любой графический редактор;
  • задаем ее, как фон для соответствующего объекта;

HTML и CSS для картинки

<input name="anyname" type="text" size="20" value="" >
input{
  background: url('nobg.png') repeat;
}

Новости от партнеров

Комментарии

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

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