Как изменить внешний вид поля формы?

363
21 декабря 2016, 04:05

Подскажите, как вместо прямоугольного стандартного поля формы получить поле в виде длинного нижнего подчеркивания?

Answer 1

Так будет просто линия.

input{ 
  border: 0; 
  border-bottom: 1px solid #000; 
  background-color: rgba(0,0,0,0); 
  outline: 0;   
}
<input type="text" />

Answer 2

может так:

input{ 
border:0 solid #fff; 
border-bottom: 2px solid #000; 
}
<input type="text" />

Answer 3

input { 
  border:0; 
  border-bottom: 1px solid #000000; 
} 
<input type="text" />

READ ALSO
Нужно сделать элементы как на фото

Нужно сделать элементы как на фото

Хочу сделать элементы как на фото, а они встают друг за другом :( Знаю что inline нужно использовать, но как именно не понимаю

320
Выровнять элементы по ширине с flexbox

Выровнять элементы по ширине с flexbox

Есть 10 элементов шириной 30px нужно с применением флексбокс выровнять их по горизонтали в родителе шириной 200px чтобы получилось по 5 элементов...

373
Media Box с помощью flex

Media Box с помощью flex

Как сделать media box с помощью flexbox только не разбивать его на 2 колонки как здесь

357
Как реализовать подобный эффект?

Как реализовать подобный эффект?

Всем привет! Есть сайт: ссылка

309