CSS - form inputs definieren
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
angabe
ansprechen
browser
button
code
darstellen
definieren
element
entwicklungsumgebung
fehler
form
funktionieren
hintergrundbild
hintergrundfarbe
image
input
klasse definieren
nutz
type
url
-
Hi, ist es möglich im Stylesheet angaben für bestimmte inputs zu machen und wenn ja, wie?
Ich möchte Angaben nur für die Buttons, also <input type=submit> machen.
Ich bekomme es aber nur hin inputs allgemein zu definieren
Vll., weiss ja jemand die Lösung, abgesehen davon jeden Button explizit im html-dokument zu definieren..
Gruß Simon -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Soweit ich weiß sollte der Internet Explorer in neueren Versionen (ab 6??) in der Lage sein die sogennanten Attributselektoren zu interpretieren.
Alternativ kannst du wirklich jedesmal eine ensprechende Klasse definieren, z.B.:
Mit einem guten Editor/Entwicklungsumgebung sollte das kein Mehraufwand darstellen, wenn man sich das einmal so definiert. Und vorallem wird es in jeden Browser funktionieren!<input type="submit" class="submit" .../>
Beitrag zuletzt geändert: 21.2.2012 9:19:54 von alfr3d -
dexus85 schrieb:
mit
geht das, nur IE kann damit nichts anfangen...input[type="submit"] {...}
Danke für die Antwort. Ich nutze den aktuellen Firefox Browser und irgendwie versteht er die angabe auch nicht..
Hier mein Code:
#naviform form[type="submit"]{ background-image: url(../images/button.png); background-color: #008000; }
alfr3d schrieb:
Alternativ kannst du wirklich jedesmal eine ensprechende Klasse definieren, z.B.:
Mit einem guten Editor/Entwicklungsumgebung sollte das kein Mehraufwand darstellen, wenn man sich das einmal so definiert. Und vorallem wird es in jeden Browser funktionieren!<input type="submit" class="submit" .../>
Was ist denn eine gute Entwicklungsumbebung. Ich nutze zur Zeit Webocton Scripty, sicherlich nicht der beste Editor...
-
reimenseimen schrieb:
Danke für die Antwort. Ich nutze den aktuellen Firefox Browser und irgendwie versteht er die angabe auch nicht..
Hier mein Code:
#naviform form[type="submit"]{ background-image: url(../images/button.png); background-color: #008000; }
Was ist denn eine gute Entwicklungsumbebung. Ich nutze zur Zeit Webocton Scripty, sicherlich nicht der beste Editor...
#naviform input[type="submit"]{ background-image: url(../images/button.png); background-color: #008000; }
So sollte es funktionieren, du möchtest ja ein Input-Element mit type="submit" ansprechen und nicht ein Form-Element. Ob man allerdings eine background-image für einen Submit-Button definieren kann weiß ich nicht! Und warum definierst du sowohl ein Hintergrundbild als auch eine Hintergrundfarbe?
Ich persönlich verwende Eclipse als Entwicklungsumgebung, da ich überwiegend PHP programmiere, für reines HTML+CSS ist es vielleicht ein bisschen übertrieben
Ansonsten bin ich mit dem Notepad++ immer ganz gut zu recht gekommen, ob man allerdings solche "Vorlagen" definieren kann weiß ich nicht genau.
Beitrag zuletzt geändert: 21.2.2012 19:20:05 von alfr3d -
alfr3d schrieb:
So sollte es funktionieren, du möchtest ja ein Input-Element mit type="submit" ansprechen und nicht ein Form-Element. Ob man allerdings eine background-image für einen Submit-Button definieren kann weiß ich nicht! Und warum definierst du sowohl ein Hintergrundbild als auch eine Hintergrundfarbe?
Ja mein Fehler, so wird es wohl funktionieren. Jetzt hab ich aber schon eine Klasse definiert, auch ok.
Und ja man kann ein Hintergrundbild für inputs setzen...
Das mit der Hintergrundfarbe hab ich nur zum Testen gemacht falls ich ein Fehler im Bildlink hab oder so..
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
