Dirk: Input textfeld per Klasse in CSS definieren

Beitrag lesen

Hallo,

mit
input.text {
  font-size:10pt;
}

definierst du die Klasse "text" für alle HTML- Tags "input".

Die rufst do so wieder auf:

<input type=text class=text ...>

Kalle

Hallo Kalle

so weit, so gut. Die Klasse funktioniert - Danke Kalle - Aber ich hab schon eine CSS-Datei un in dieser klappt die neue Klasse nicht.

Meine neue Klasse:

/* Inputfeld Text */

input.text {
font-size:10pt;
border-top-color: #00ff00;
border-bottom-color: #00ff00;
border-left-color: #00ff00;
border-right-color: #00ff00;
background-color:#efefef;
border:solid 1px;
}

/*Inputfeld Text Ende */

Die ganze CSS-Datei (ohne meine 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 */

Wo setzte ich meine KLasse ein? Am Ende funktioniert sie leider nicht.... :-((

-DIRK-