2016-04-07 6 views
0

mir bitte sagen, wie kann ich hinzufügen, einen Stil padding-left oder margin-left auf den Text, der in Eingabefeldadd Stil auf den eingegebenen Text in Eingabefeld

<input name="keyword" type="text" placeholder="Job title, Keywords or Company Name"/>

+0

Mögliches Duplikat von [Wie CSS für bestimmten Eingabetyp Text hinzufügen] (http://stackoverflow.com/questions/10589304/how-to-add-css-for-specific-input-type-text) –

Antwort

0

gibt es mehrere Möglichkeiten Stil.

am meisten bevorzugt ist

<input name="keyword" type="text" class="txtCSS" placeholder="Job title, Keywords or Company Name"/> 

und dann zu dieser Klasse hinzufügen Stil wie,

.txtCSS{ 
    margin-left: 10px; 
    padding-left: 10px; 
    //you can add more styles if you require. 
    } 

zweiter Weg ist, CSS inline wie diese zu binden, aber es ist nicht zu bevorzugen, und meist verwendet, wenn notwendig wenden Sie Stil nur auf der Seite an.

<input name="keyword" type="text" Style="margin-left:10px; padding-left:10px;" placeholder="Job title, Keywords or Company Name"/> 
1

eingegeben wurde

input { 
 
    padding-left: 10px; 
 
    }
<input name="keyword" type="text" placeholder="Job title, Keywords or Company Name"/>

+0

Robert du bist Ritus. Noch eine Frage. Ich versuche folgendes zu tun: Ich habe dem Eingabefeld einen Fokus-Stil hinzugefügt (Eingabe: focus {padding-left: 20px}). Ich fügte auch einen Stil für Platzhaltertext hinzu (padding-left: 20px). Wenn ich einen Cursor auf dieses Feld setze, bewegt sich der Platzhaltertext vom Cursor nach links. Also muss ich einen Text von genau diesem Platz schreiben, wo Platzhalter ist. – Maria

+0

Die Orte können keine Paddings haben. Ich bin mir nicht sicher, was du tust. Könnten Sie bitte Ihren Code hinzufügen? – Robert

0

Sie Klasse oder ID zu bestimmten Eingabe hinzufügen können, und Sie können es geben Stil.

.abcd{ 
 
    padding-left:15px; 
 
}
<input name="keyword" type="text" class="abcd" placeholder="Job title, Keywords or Company Name"/>

Verwandte Themen