Dirk: Input Textfeld per CSS selektieren

Beitrag lesen

Hallo Dirk.

Statt: <input type="text"  style="border-top: 1px solid #efefef; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #efefef; background-color:#efefef;"  size="35" maxlength="256" name="Name">

Jede Fassung ist besser als diese hier.

gebe ich dann <input type="text" class=text size="35" maxlength="256" name="Name"> ein ???

Ganz genau. Damit hast du das input-Element der Klasse „text“ zugeordnet.

Super.Das hat schon geholfen. Nun möchte ich die Klasse in die schon existieren Datei einbauen. Wenn ich am Ende einfüge werden die Einstellungen nicht übernommen :-( Muss ich einen speziellen Ort in der Datei verwenden? Hier die bisherige Datei ohne die neue Klasse:

/* schriftstil,abstände */

body
{ color:#0C0C0C;  background-color: #E7E3C6; font-family: verdana,arial; font-size: 10pt;}

table,tr,td
{margin-top: 0px; margin-left: 0px; margin-right: 0px; color: #0C0C0C ;font-family: verdana,arial; font-size: 10pt; }

/* scrolleiste internet explorer ab vers.5.5 */

body
{scrollbar-arrow-color: #ffffff; scrollbar-base-color: #ebebeb;
scrollbar-highlight-color : #9F9F9F; scrollbar-shadow-color :#ffffff;
SCROLLBAR-TRACK-COLOR: #DFDFDF;}

body.inhalt {background-color:#f9f9f9;
margin-top: 20px; margin-left: 20px; margin-right: 20px;margin-bottom:20px;background-image:url(images/back.jpg);}

/* menue oben */

#menu  a:link, #menu2  a:visited, #menu  a:visited  {display: inline;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 11px 6px 11px;
        text-decoration: none;
        color: #990000; float: left;
}

#menu a:hover {color: #000000;
        background: url(images/pfeil.gif) no-repeat bottom center;
}

/* allgemeine links im text */

a:link{ color: black; text-decoration:none; ;font-family: verdana; font-size: 10pt; }

a:visited{color: black;text-decoration:none;font-family: verdana; font-size: 10pt; }

a:active{ color:black;text-decoration:none;font-family: verdana; font-size: 10pt; }

a:hover{ color:black;background-color:#EFEFEF;text-decoration:none;font-family: verdana; font-size: 10pt; }

/* uhr - datum */

input.datum {
font-size:9pt;
background-color:#E7E3C6;
color:#990000;
border:solid 0px;
margin-top:0px;

}

form {margin-bottom:0px;}

/* Tabellenfarbe */
p.bordr
{
border-bottom-color: #990000; border-bottom-style: double; border-bottom-width: 1px;
border-left-color: #efefef; border-left-style: double; border-left-width: 1px;
border-right-color: #efefef; border-right-style: double; border-right-width: 1px;
border-top-color: #990000; border-top-style: double; border-top-width: 1px;
background-color: #e7e3c6;
}
/* Tabellenfarbe Ende */

DIRK

(Und bitte die Anführungszeichen um den Wert des class-Attributes nicht vergessen.)

Und bitte kein TOFU, danke.

Einen schönen Freitag noch.

Gruß, Ashura