zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden input type submit formatieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.12.2006, 17:43
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.07.2006
Beiträge: 29
dieter99 befindet sich auf einem aufstrebenden Ast
Standard input type submit formatieren

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.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 04.12.2006, 18:05
Neuer Benutzer
neuer user
 
Registriert seit: 04.12.2006
Beiträge: 5
kandi befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 04.12.2006, 18:25
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Wenn's in allen Browsern gehen soll, lassen sich die verschiedenen input-Typen tatsächlich nur per Klasse getrennt ansprechen.
Mit Zitat antworten
  #4 (permalink)  
Alt 04.12.2006, 18:44
Benutzerbild von netspy
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 13.08.2004
Ort: Leipzig
Beiträge: 1.956
netspy sorgt für eine eindrucksvolle Atmosphärenetspy sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von kandi Beitrag anzeigen
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
__________________
AppDev Blog · AppDev Forum
Mit Zitat antworten
  #5 (permalink)  
Alt 10.10.2008, 17:05
Neuer Benutzer
neuer user
 
Registriert seit: 04.10.2008
Ort: Berlin
Beiträge: 16
lipflop befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #6 (permalink)  
Alt 10.10.2008, 17:22
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von lipflop Beitrag anzeigen
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.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #7 (permalink)  
Alt 10.10.2008, 17:29
Neuer Benutzer
neuer user
 
Registriert seit: 04.10.2008
Ort: Berlin
Beiträge: 16
lipflop befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #8 (permalink)  
Alt 10.10.2008, 17:33
Benutzerbild von netspy
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 13.08.2004
Ort: Leipzig
Beiträge: 1.956
netspy sorgt für eine eindrucksvolle Atmosphärenetspy sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von lipflop Beitrag anzeigen
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
__________________
AppDev Blog · AppDev Forum
Mit Zitat antworten
  #9 (permalink)  
Alt 10.10.2008, 17:37
Neuer Benutzer
neuer user
 
Registriert seit: 04.10.2008
Ort: Berlin
Beiträge: 16
lipflop befindet sich auf einem aufstrebenden Ast
Standard

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

Liebe Grüße
Phil
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 10.10.2008, 17:39
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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).
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


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


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:33 Uhr.