Autor Thema: CSS-Style nur auf <INPUT type="text"> anwenden.  (Gelesen 3211 mal)

Offline hampa

  • Aktives Mitglied
  • ***
  • Beiträge: 106
  • Geschlecht: Männlich
  • "As khunnt guat"
    • Hampas Blog
CSS-Style nur auf <INPUT type="text"> anwenden.
« 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
Notes R8.5.2 FP3
Server  R8.5.2 FP3

Windows 2008
Windows 7
Linux-Mint LMXDE

Lieber unvollkommen als total fertig.

Offline flaite

  • Gold Platin u.s.w. member:)
  • *****
  • Beiträge: 2.966
    • mein del.icio.us
Re: CSS-Style nur auf <INPUT type="text"> anwenden.
« Antwort #1 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
Ich stimm nicht mit allen überein, aber mit vielen und sowieso unterhaltsam -> https://www.youtube.com/channel/UCr9qCdqXLm2SU0BIs6d_68Q

---

Aquí no se respeta ni la ley de la selva.
(Hier respektiert man nicht einmal das Gesetz des Dschungels)

Nicanor Parra, San Fabian, Región del Bio Bio, República de Chile

Offline hampa

  • Aktives Mitglied
  • ***
  • Beiträge: 106
  • Geschlecht: Männlich
  • "As khunnt guat"
    • Hampas Blog
Re: CSS-Style nur auf <INPUT type="text"> anwenden.
« Antwort #2 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
Notes R8.5.2 FP3
Server  R8.5.2 FP3

Windows 2008
Windows 7
Linux-Mint LMXDE

Lieber unvollkommen als total fertig.

Offline umi

  • Gold Platin u.s.w. member:)
  • *****
  • Beiträge: 2.062
  • Geschlecht: Männlich
  • one notes to rule'em all, one notes to find'em....
    • Belsoft AG
Re: CSS-Style nur auf <INPUT type="text"> anwenden.
« Antwort #3 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.
Gruss

Urs

<:~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Jegliche Schreibfehler sind unpeabischigt
http://www.belsoft.ch
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~:>

Offline hampa

  • Aktives Mitglied
  • ***
  • Beiträge: 106
  • Geschlecht: Männlich
  • "As khunnt guat"
    • Hampas Blog
Re: CSS-Style nur auf <INPUT type="text"> anwenden.
« Antwort #4 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
Notes R8.5.2 FP3
Server  R8.5.2 FP3

Windows 2008
Windows 7
Linux-Mint LMXDE

Lieber unvollkommen als total fertig.

Offline flaite

  • Gold Platin u.s.w. member:)
  • *****
  • Beiträge: 2.966
    • mein del.icio.us
Re: CSS-Style nur auf <INPUT type="text"> anwenden.
« Antwort #5 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.
Ich stimm nicht mit allen überein, aber mit vielen und sowieso unterhaltsam -> https://www.youtube.com/channel/UCr9qCdqXLm2SU0BIs6d_68Q

---

Aquí no se respeta ni la ley de la selva.
(Hier respektiert man nicht einmal das Gesetz des Dschungels)

Nicanor Parra, San Fabian, Región del Bio Bio, República de Chile

Offline hampa

  • Aktives Mitglied
  • ***
  • Beiträge: 106
  • Geschlecht: Männlich
  • "As khunnt guat"
    • Hampas Blog
Re: CSS-Style nur auf <INPUT type="text"> anwenden.
« Antwort #6 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
Notes R8.5.2 FP3
Server  R8.5.2 FP3

Windows 2008
Windows 7
Linux-Mint LMXDE

Lieber unvollkommen als total fertig.

 

Impressum Atnotes.de  -  Powered by Syslords Solutions  -  Datenschutz