input type submit formatieren

dieter99 · #1 (**permalink**) 04.12.2006, 16:43

Hallo,
ich habe auf mehreren Seiten input type submit Buttons. Ich möchte ALLE Buttons auf schnellem Wege mit CSS formatieren. Wenn ich schreibe

Code:

input{
font-size: 10px;
font-family: Arial;
}

dann werden automatisch ALLE input Felder formatiert (also auch die input type text usw.). Wie muss der Syntax lauten damit nur die submit-Buttons angesprochen werden?

Dieser Code funktioniert nicht:

Code:

submit{
font-size: 10px;
font-family: Arial;
}

Wer kann helfen?

PS: ich möchte nicht jedes submit Tag mit einer ID ansteuern.

kandi · #2 (**permalink**) 04.12.2006, 17:05

Das Problem hatte ich auch mal.

Soweit ich mich noch erinnere musste ich alle Submits eigene Klassen zuordnen. Konnte diese dann aber über input.klasse {} in meine CSS-Datei einbinden und hatte keine Probleme.

Für eine bessere Lösung wäre ich auch dankbar.

heiko_rs · #3 (**permalink**) 04.12.2006, 17:25

Wenn's in allen Browsern gehen soll, lassen sich die verschiedenen input-Typen tatsächlich nur per Klasse getrennt ansprechen.

netspy · #4 (**permalink**) 04.12.2006, 17:44

Zitat:

Zitat von kandi

Für eine bessere Lösung wäre ich auch dankbar.

Theoretisch ginge es mit einem passenden Attributselektor:

Code:

input[type="submit"] { ... }

Praktisch wird dies jedoch noch zu wenig von Browsern unterstützt.

Mario

lipflop · #5 (**permalink**) 10.10.2008, 16:05

genau das suchte ich gerade ....

jetzt sehen die input button doch schon sehr viel netter aus ..

Code:

input[type="submit"] {
	background-color: #B2B299;
	-moz-border-radius:7px;
	cursor: pointer;}

wünsch euch allen ein gutes und erholsames wochenende

...

lg phil

heiko_rs · #6 (**permalink**) 10.10.2008, 16:22

Zitat:

Zitat von lipflop

jetzt sehen die input button doch schon sehr viel netter aus

Nur für die Hälfte der Web-Nutzer. Per Klasse dagegen für alle.

lipflop · #7 (**permalink**) 10.10.2008, 16:29

Wie schreibe ich es als Klasse in der CSS Datei ? . Es ist sicherlich sehr einfach, aber durch ein einfaches .input ging es nicht ^^ ...

Danke

Phil

netspy · #8 (**permalink**) 10.10.2008, 16:33

Zitat:

Zitat von lipflop

Wie schreibe ich es als Klasse in der CSS Datei ? . Es ist sicherlich sehr einfach, aber durch ein einfaches .input ging es nicht ^^

Doch, genauso geht es.

Code:

.button {
	background-color: #B2B299;
	-moz-border-radius:7px;
	cursor: pointer;}

HTML-Code:

<input type="submit" class="button" … />

Mario

lipflop · #9 (**permalink**) 10.10.2008, 16:37

Ok, es klappt. Vielen Dank euch beiden und ein schönes Wochenende.

Liebe Grüße
Phil

heiko_rs · #10 (**permalink**) 10.10.2008, 16:39

Eben, denn ginge es per .input, müsste die Klasse ebenfalls "input" lauten (was nicht sinnvoll wäre), während per input (d.h. ohne den Punkt) einfach nur das Element input angesprochen wird (und zwar jedes, und das ist genau das Problem, daher das individuelle Ansprechen per Klasse).

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
input type file button formatieren	meldron	CSS	2	08.10.2010 20:15
input feld + submit button auf gleicher höhe. funktioniert außer in IE8 + FF2+3	monran	CSS	4	04.12.2009 09:07
input leeren nach submit	ZeroDay	Javascript & Ajax	6	11.09.2009 21:45
Input Type hidden eigenen Style definieren. Wie?	dabjoern	CSS	4	09.07.2005 10:51
form input submit formatieren	PrinzEisenherz	CSS	4	24.06.2004 12:30