so ändern Sie die Eingabe von text box-Stil zu zeichnen?

in meinem Formular habe ich drei Eingabe Felder für name, E-Mail, mobile, aber ich möchte zu ändern, input-text-Feld wie - 

name :  _____________  
email:  _____________  
mob  :  _____________

InformationsquelleAutor nectar | 2010-06-28

  1. 27

    In der CSS:

    input[type=text] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #000000;
}

    Von hier aus können Sie spielen mit padding zu positionieren, die eigentliche Eingabe von text, wo Sie es möchten. Zum Beispiel, um die Linie zu erweitern 5 Pixel zu beiden Seiten der eigentlichen Eingangsbereich:

        padding: 2px 5px;
    Sie sollten wahrscheinlich verwenden Sie eine Klasse anstelle der Attribut-Selektor, um Platz für alte Browser, aber.
    Diese arbeiten werden im IE7+, FF2+, Chrome, etc. Wenn IE6-Unterstützung erforderlich ist, wenn, dann eine Klasse oder einige andere Methode ist auf jeden Fall empfehlenswert.
    Sie können auch hinzufügen möchten 'outline: none', so dass Sie nicht sehen, eine Gliederung, wenn die Felder erhalten den Fokus.
    In diesem Fall möchten Sie vielleicht, dies zu tun, aber bitte nicht einfach machen. Schwerpunkt styling ist eine sehr wichtige Sache, um eine Menge von Menschen, die mit Ihrer website, und es macht es viel, viel einfacher zu bedienen.

    InformationsquelleAutor Matthew Scharley

  2. 2

    wenn Sie möchten diese auch im ie6 als Sie verwenden können, bg-image mit background-position

    .

    input{
    background:url(bg-dot.jpg) repeat-x center bottom;
    border:none;
    padding:2px 2px;
}

    also für alle browser unterstützen mit ie6, sollten Sie diesen verwenden.

    Ich glaube du meinst background-position. Auch, IE6 ist tot. Bitte lassen Sie es so, für die Liebe alles gute in der Welt.
    Matthew Scharley.oh ja, das ist der hintergrund-position. und über ie6 .w3schools.com/browsers/browsers_stats.asp finden Sie, dass ie6-Nutzer sind mehr als safari und opera.wenn wir uns um Sie kümmern, als wir sollten auch Sorge über ie6.
    was falsch mit dieser Antwort???
    Aber Safari und Opera werden entweder geht in der userbase, oder statisch. IE6-Nutzung aktiv zu fallen. Viele ISVs, einschließlich Google Drop-IE6. Es ist gut und wirklich sterben, wenn Sie nicht zugeben, dass es tot ist, und es ist an der Zeit.
    Habe hier acht Jahre später. Es ist wie die Zeit zu Reisen.

    InformationsquelleAutor Kali Charan Rajput

  3. 0

    möchten Sie zeigen nur den unteren Teil, das ist der Grund, warum css anzuwenden, in einer Weise, dass es deaktiviert alle anderen drei Teile ..

    CSS anzuwenden wie

    border: 1px solid black;
float: left;
margin: 0;
padding: 0;
border-top: 0px;
border-left: 0px;
border-right: 0px;

    funktioniert für alle

    InformationsquelleAutor Vishal Sharma

  4. 0
    border: 1px solid black;
float: left;
margin: 0;
padding: 0;
border-top: 0px;
border-left: 0px;
border-right: 0px;

    InformationsquelleAutor user7685888

Schreibe einen Kommentar