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

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

Решения на CSS

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

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

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

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

<input name="anyname" type="text" size="20" value="" >

input{
  background: url('nobg.png') repeat;
}