HTML Eingabefeld erstellen und die Kästchen Individuell gestalten

[evian1]

hallo zusammen,

ich habe folgende Frage,

wie kann ich ein erstelltes Textfeld individuell gestalten. Mein Ziel ist es ein Feld von dem anderen farblich zu unterscheiden.


mein HTML Code

<div class="container">	
	<div class="testerDatenEingabeListe">
	
	 <div class="testerheader">
	 	
		<input  class="input-xs"  placeholder="Vorname"   type="text"><br  />
		
	</div)

input-xs{									
	position: fixed;
	left: 380px; top: 200px; z-index: 5;
	border: none
	}

 

[NullPointer]

Du könntest ihm z.B. per CSS eine background-color verpassen. Oder was genau meinst du mit "farblich unterscheiden"?

 

[cruse]

style="background: #AAFFAA url(../Image.gif) repeat;"

z.b.

näheres zum Thema Background: https://css-tricks.com/almanac/properties/b/background-image/

 

[evian1]

würden dan so aussehen oder

input-xs{
position: fixed;
left: 380px; top: 200px; z-index: 5;
border: none
color: #FFFFFF;
background: #000;
}

Noch eine Frage direkt wenn wir shon dabei sind

wie kann ich ein Feld Positionieren und aber auch die Größe Festlegen. Mein Problem ist, das es an einem Punkt anfängt und am anderen Punkt der Seite aufhört ich möchte es also schön sortiert haben.

 

[NullPointer]

Dafür gibt's in CSS die width- und height-Angaben.

 

[evian1]

ok habs danke