Problem mit CSS und Formular

manuel_g · #1 (**permalink**) 27.08.2009, 18:11

Hallo,

Mit folgendem CSS Code blende ich in einem Formular weisse Ränder um Input Elementen, ein und bei Rollover / Focus einen schwarzen Rand:

Zitat:

form.former div input:focus,
form.former div table select:focus,
form.former div textarea:focus,
form.former div input:hover,
form.former div select:hover,
form.former div textarea:hover,
form.former div input:active,
form.former div select:active,
form.former div textarea:active {
border: 1px #000 solid;
background: #fff;
}

form.former input,
form.former textarea,
form.former select {
border: 1px solid #fff;
width: 100%;
}

Jetzt erscheinen die Rahmen natürlich auch bei Radio-Buttons und Checkboxen. Kann ich das irgendwie definieren, dass diese beiden Formularelemente nicht mit Rahmen und Rollover angezeigt werden?

Vielen Dank schon mal und Gruss,
Manue

Praktikant · #2 (**permalink**) 27.08.2009, 18:19

Manche Browser (Firefox, Opera, Safari,...) können das hier:

Code:

input[type=checkbox] { ... }

Der IE (ich weiß nicht ob alle oder nur IE<8 ) braucht dann aber eine Klasse für das Objekt, also so:

HTML-Code:

<input type="checkbox" name="check" class="check">

Code:

input.check { ... }

Hoffe es hilft

Edit: Aus Textbox eine Checkbox gemacht

heiko_rs · #3 (**permalink**) 27.08.2009, 20:06

Zitat:

Zitat von Praktikant

Der IE (ich weiß nicht ob alle oder nur IE<8 ) braucht dann aber eine Klasse für das Objekt

In diesem Falle < 7

Praktikant · #4 (**permalink**) 27.08.2009, 20:40

Zitat:

Zitat von heiko_rs

In diesem Falle < 7

Ich bekomm das mit dem doofen IE heute irgendwie nicht auf die Reihe xD
Danke für die Verbesserungen Heiko

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem beim ein/ausblenden von Spalten in Tabellen via CSS und JavaScript	chrisol_76	CSS	2	21.07.2008 17:37
Css und Steam Problem	justinlenz	Offtopic	3	27.03.2008 21:58
Problem mit Layout- Totaler CSS Noob	meici	CSS	3	01.03.2008 16:33
CSS Tips & Tricks	Webnauts	Ressourcen	0	25.08.2006 23:04
formular per css 2 spalten	667	CSS	3	01.06.2006 21:19