в моей форме у меня есть три поля ввода имя, адрес электронной почты, мобильный, но я хочу, чтобы изменить ввода текста, как -Как изменить стиль ввода текста в строку?
name : _____________
email: _____________
mob : _____________
В вашем CSS:
input[type=text] {
background: transparent;
border: none;
border-bottom: 1px solid #000000;
}
здесь вы можете играть с прокладкой для размещения фактического ввода текста, где вы хотели бы. Например, чтобы линия продлить на 5 пикселей в обе стороны от фактической площади входа:
padding: 2px 5px;
, если вы хотите, чтобы это также в IE6, чем вы можете использовать Б.Г. изображение для этого с фоном положении
.
input{
background:url(bg-dot.jpg) repeat-x center bottom;
border:none;
padding:2px 2px;
}
поэтому для поддержки всех браузеров с помощью ie6 вы должны использовать это.
Я считаю, что вы имеете в виду 'background-position'. Кроме того, IE6 мертв. Пожалуйста, оставьте это так, ради любви ко всему хорошему в мире. –
@ Matthew Scharley.oh да это фоновая позиция. и около ie6 .http: //www.w3schools.com/browsers/browsers_stats.asp вы обнаружите, что пользователи ie6 больше, чем сафари и опера. Если мы заботимся о них, мы также должны заботиться о ie6. –
что случилось с этим ответом ??? –
вы хотите показать только нижнюю часть, поэтому применять CSS таким образом, что он отключает все остальные три части ..
применять CSS, как
border: 1px solid black;
float: left;
margin: 0;
padding: 0;
border-top: 0px;
border-left: 0px;
border-right: 0px;
работ для всех
border: 1px solid black;
float: left;
margin: 0;
padding: 0;
border-top: 0px;
border-left: 0px;
border-right: 0px;
Возможно, вы должны использовать класс вместо селектора атрибутов для размещения старых браузеров. – Joey
Это будет работать в IE7 +, FF2 +, Chrome и т. Д. Если требуется поддержка IE6, то определенно рекомендуется класс или какой-либо другой метод. –
Вы также можете добавить «контур: нет», чтобы вы не увидели контур, когда поля получат фокус. – Beau