nicht angemeldet
Farbe INPUT-Feld
Der MartinHi,
ich möchte die Color-Angabe im nachfolgenden Statement in ein CSS-Dokument auslagern.
<input type="text" name="textfeld" style="color:#336666">
Ich hatte nun gedacht
input {color:#336666}
Aber dann bezieht es sich ja wohl auf alle input-Felder.
Wie kann ich es auf type="text" - Felder beschränken?
Danke
-
Hallo CSS-Anfänger.
ich möchte die Color-Angabe im nachfolgenden Statement in ein CSS-Dokument auslagern.
<input type="text" name="textfeld" style="color:#336666">
Ich hatte nun gedacht
input {color:#336666}
Aber dann bezieht es sich ja wohl auf alle input-Felder.
Wie kann ich es auf type="text" - Felder beschränken?Am einfachsten wäre es mit Hilfe der http://de.selfhtml.org/css/formate/zentrale.htm#attributbedingte@title=Attributselektoren aus CSS Level 2:
input[type=text] {
color:#366;
}Aber da der blaue Klotz hier nicht mitmacht, wirst du wohl oder übel eine http://de.selfhtml.org/css/formate/zentrale.htm#klassen@title=Klassengesellschaft einführen müssen.
Einen schönen Freitag noch.
Gruß, Mathias
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
„It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
[HTML Design Constraints: Logical Markup]-
Hallo Mathias,
danke für den Tip, mit der Klasse funktioniert es.
Ich habe jetzt nur noch ein Problem:
Ich habe die Textarea auch mit einem Hintergrund belegt, das Scrollfeld allerdings ist unverändert. Kann man dieses und den Scrollbalken auch verändern?-
Hallo CSS-Anfänger.
Ich habe die Textarea auch mit einem Hintergrund belegt, das Scrollfeld allerdings ist unverändert. Kann man dieses und den Scrollbalken auch verändern?
Nur mit den proprietären http://de.selfhtml.org/css/eigenschaften/anzeigefenster.htm#scrollbar@title=scrollbar-*-Eigenschaften.
Einen schönen Freitag noch.
Gruß, Mathias
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
„It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
[HTML Design Constraints: Logical Markup]-
Hallo Mathias,
da kommt man ja vom 1000. ins 1000.!
Jetzt habe ich auch im Textareafeld den gewünschten Hintergrund, allerdings nur im IE!
Wo kann man denn am schnellsen feststellen, ob eine Angabe für (fast) alle Browser gilt und welche nur für einzelne?
Gruß-
Hallo CSS-Anfänger.
Jetzt habe ich auch im Textareafeld den gewünschten Hintergrund, allerdings nur im IE!
Wo kann man denn am schnellsen feststellen, ob eine Angabe für (fast) alle Browser gilt und welche nur für einzelne?Anhand der <http://de.selfhtml.org/editorial/arbeitshinweise.htm#symbole@title=Browsericons in SELFHTML> oder ansonsten eben durch Trial-and-Error.
Einen schönen Freitag noch.
Gruß, Mathias
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
„It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
[HTML Design Constraints: Logical Markup]-
Hi!
Die Tabelle bei CCS 4 You ist in diesem Zusammengang auch recht nützlich (wenn auch nicht ganz auf dem neuesten Stand).
Viele Grüße vom Længlich
-
-
-
-
-
-
Hi,
jetzt habe ich noch einen seltsamen Effekt.
Bei untenstehendem HTML wird im IE sowohl das Text- als auch das Textareafeld mit dem angegebenen Hintergrund angezeigt.
In Firefox, Opera und Netscape erscheint jedoch die Textarea ohne diesen Hintergrund.
Wenn ich die Zeile
input.text {background:#DFF3AF};
weglasse, hat das Textfeld nicht mehr den Hintergrund (klar!) aber die Textarea hat jetzt den Hintergrund![code lang=html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title></title>
<style type="text/css">input.text {background:#DFF3AF};
textarea {background:#DFF3AF;};
</style>
</head>
<body>
<form action="blabla" method="post" name="formular">
Name <input name="Name" type="text" class="text">
Mitteilung <textarea name="Mitteilung" rows="5" cols="30"></textarea>
</body>
</html>
[code]-
n'Abend!
Bei untenstehendem HTML ...
Entscheidend ist wohl vor allem das CSS:
input.text {background:#DFF3AF};
textarea {background:#DFF3AF;};wird im IE sowohl das Text- als auch das Textareafeld mit dem angegebenen Hintergrund angezeigt.
Ja, es ist allgemein bekannt, dass der IE fehlertoleranter ist als es eigentlich gut wäre.
In Firefox, Opera und Netscape erscheint jedoch die Textarea ohne diesen Hintergrund.
Richtig, denn es gibt keinen Selektor, der dieses Element auswählt. Dein CSS enthält einen Selektor für "input.text" und einen für "; textarea". Da es kein HTML-Element ";" gibt, ist der zweite Selektor ungültig und wird ignoriert.
Wenn ich die Zeile
input.text {background:#DFF3AF};
weglasse, hat das Textfeld nicht mehr den Hintergrund (klar!) aber die Textarea hat jetzt den Hintergrund!Genau. Dann ist kein fehlerhaftes Semikolon mehr davor.
Schönen Abend noch,
Martin--
Ein guter Lehrer muss seinen Schülern beibringen können,
eine Frage so zu stellen, dass auch der Lehrer lernen muss,
um die Frage beantworten zu können.
(Hesiod, griech. Philosoph, um 700 v.Chr.)
-