Das Notes Forum

Domino 9 und frühere Versionen => ND7: Entwicklung => Thema gestartet von: hampa am 15.09.06 - 12:45:48

Titel: CSS-Style nur auf <INPUT type="text"> anwenden.
Beitrag von: hampa am 15.09.06 - 12:45:48

Hallo zusammen

Ich möchte die Auszeichnung der HTML-Tags über eine externe CSS-Style-Sheets definieren. Das ist ja soweit kein Problem. Nur habe ich den <INPUT>-Tag wie folgt ausgezeichnet

Code

input {
	width: 150px;
	border: 1px solid silver;
	font-family: verdana,helvetica;
	color: #000000;
	font-size: 11px;
}

Ich möchte aber, dass nur die Text-Felder von dieser Einstellung betroffen wird. Aus diesem Grund habe ich kurzer hand die Regel  [type=text] nach dem Schlüsselwort input eingefügt und mich schon aufs Resultat gefreut. Leider zu früh.

Anscheinend liefert Domino das "normale" input Feld ohne den type="text".

Nun meine Frage. Gibt es ein Möglichkeit nur das INPUT-Feld mit dem type="text" auszuzeichnen, ohne die anderen Design-Element (Radio, Check, Button) oder das Text-Feld selbst mit einer speziellen Klasse versehen zu müssen?

Vielen Dank für eure Ideen.

Grüsse aus der Schweiz

Hampa

Titel: Re: CSS-Style nur auf <INPUT type="text"> anwenden.
Beitrag von: flaite am 15.09.06 - 13:12:03

Ich würd mit class Selektoren arbeiten:
http://www.css4you.de/wscss/css03.html#class
Dafür müsstest du allerdings allen <input type="text" noch ein weiteres Attribute class="irgendwas" spendieren.
Meine css Aktivitäten sind ein wenig rostig.

Gruß Axel

Titel: Re: CSS-Style nur auf <INPUT type="text"> anwenden.
Beitrag von: hampa am 15.09.06 - 13:24:56

Hallo Axel

Vielen Dank für deine Antwort.

Das ist aber genau dass, was ich vermeiden möchte. Die Web-Applikation besteht aus mehreren Forumlaren, die zig Eingabefelder besitzen.

Ich bin halt ein fauler Hund.  ;D

Grüsse Hampa

Titel: Re: CSS-Style nur auf <INPUT type="text"> anwenden.
Beitrag von: umi am 15.09.06 - 13:32:30

Sind die Textfelder gruppiert? z.B. in einer Tabelle? dann könntest Du über das Parent element die Input eigenschaften an die Textfelder vererben z.B.

table.textFeld input{}
damit könntest Du was an tippsarbeit ersparen.

Titel: Re: CSS-Style nur auf <INPUT type="text"> anwenden.
Beitrag von: hampa am 15.09.06 - 13:35:45

Danke umi

Das ist auch eine gute Idee. Nur sind die Radio-Buttons, Check-Buttons, usw. ebenfalls in der selben Tabelle untergebracht.  :(

Gruss Hampa

Titel: Re: CSS-Style nur auf <INPUT type="text"> anwenden.
Beitrag von: flaite am 15.09.06 - 14:24:55

Vielleicht gehts durch code generierung.
D.h. du extrahierst die Form per xml, schiesst per xslt die class properties rein und re-importierst wieder.
Ziemlich aufwendig und mir ist nicht ganz klar, ob das nicht vielleicht andere Probleme erzeugt.
Wär schön, wenn das mal jemand ausprobieren könnte.

Titel: Re: CSS-Style nur auf <INPUT type="text"> anwenden.
Beitrag von: hampa am 15.09.06 - 14:39:34

Hey Axel !

Na so versessen auf Overhead bin ich nun auch wieder nicht.  ;D

Deine Idee hat zwar seinen Reiz, aber wenn ich keine andere Lösung finde muss ich wohl oder über die nicht type=text Felder speziell auszeichnen, was mir jedoch mächtig stinkt.  >:D

Gruss Hampa