w moim formularzu mam trzy pola wprowadzania nazwy, e-mail, telefon, ale chcę zmienić pole tekstowe wejściowych, takich jak -jak zmienić styl pola tekstowego na wiersz?
name : _____________
email: _____________
mob : _____________
W swojej CSS:
input[type=text] {
background: transparent;
border: none;
border-bottom: 1px solid #000000;
}
Stąd można grać z wyściółką aby umieścić aktualny wpis tekstowy tam, gdzie chciałbyś. Na przykład, aby mieć linię przedłużyć 5 pikseli obu stronach rzeczywistego obszaru wpis:
padding: 2px 5px;
jeśli chcesz to również w IE6 niż można użyć bg zdjęcie to z background-position
.
input{
background:url(bg-dot.jpg) repeat-x center bottom;
border:none;
padding:2px 2px;
}
więc dla wszystkich przeglądarek z obsługą ie6 powinieneś użyć tego.
Wierzę, że masz na myśli 'tło-position'. Ponadto IE6 nie żyje. Proszę, zostaw to w ten sposób, z miłości do wszystkiego, co dobre na świecie. –
@ Matthew Scharley.oh tak jest to położenie w tle. i o ie6 .http: //www.w3schools.com/browsers/browsers_stats.asp przekonasz się, że użytkownicy ie6 są czymś więcej niż safari i opera. Jeśli o nich dbamy, to powinniśmy również zadbać o to. –
co jest nie tak z tą odpowiedzią ??? –
chcesz pokazać tylko dolną część Dlatego zastosowanie css w taki sposób, że wyłącza wszystkie pozostałe trzy części ..
zastosowanie CSS jak
border: 1px solid black;
float: left;
margin: 0;
padding: 0;
border-top: 0px;
border-left: 0px;
border-right: 0px;
działa dla wszystkich
border: 1px solid black;
float: left;
margin: 0;
padding: 0;
border-top: 0px;
border-left: 0px;
border-right: 0px;
Powinieneś raczej użyć klasy zamiast selektora atrybutu, aby dostosować się do starych przeglądarek. – Joey
To będzie działać w IE7 +, FF2 +, Chrome itp. Jeśli jednak wymagana jest obsługa IE6, zdecydowanie zalecana jest klasa lub inna metoda. –
Możesz również dodać "outline: none", aby nie widzieć konturu, gdy pola się skupią. – Beau