Allgemeines

Entwicklung

Design

Projekte

Marketing

Technik

Providing

Jobs

Einen Input Button stylen ohne eine Klasse zu verwenden

Zu diesem Thema gibt es bereits 4 Antworten

Wonach suchen Sie? Suchen

Hier können Sie die Markierungen entfernen.

Verfasst am 10.06.10 um 15:01 Uhr von checka

Ich würde gerne die Input Buttons meiner Seite stylen. Leider habe ich keine Klasse vergeben und es wäre sehr aufwendig nun allen Input Buttons eine Klasse zu geben. Daher würde ich gerne wissen ob man die Buttons vielleicht auch über CSS ansprechen kann. In etwa so von der Logik: input:button

Oder wie auch immer.. ich denke mal ihr wisst was ich meine ;)

Verfasst am 10.06.10 um 15:06 Uhr von wolfi

Hmm.. denke mal ohne Klasse kommst du da nicht weit.. wenn dann könntest du noch ein Javascript erstellen, welches allen Input - Buttons einer Klasse zuweißt.. aber ohne Klasse.. keine Chance

Verfasst am 10.06.10 um 15:14 Uhr von checka

also mit Javascript habe ich es nicht so.. wüsste nich wie ich das umsetzen kann.. weißt du ob es sowas schon gibt?

Verfasst am 10.06.10 um 15:28 Uhr von wolfi

Habe hier schnell ne Funktion gemacht. Mit der sollten alle Input Buttons eine Klasse bekommen. Der Klassenname wird in der Variable classNameButtons definiert. Rufe das Script erst nach dem body deiner Seite oder bei onload auf.

classNameButtons = "submitButton";
function inputButtons() {
	inputs = document.getElementsByTagName("input");
	for(i=0;i<inputs.length;i++) {
		if(inputs[i].type=="button"||inputs[i].type=="submit") {
			inputs[i].className = classNameButtons;
		}
	}
}

Verfasst am 10.06.10 um 16:01 Uhr von checka

hey..

vielen vielen dank :)

das hat geklappt.. alle input Buttons werden nun mit der Klasse submitButton versehen.. da kriegt man ja gleich richtig lust, auch mal etwas javascript zu lernen.. wenn man mit so wenig code so viel erreichen kann ;)

das hat mir stunden an arbeit gespart...

Sie müssen sich erst einloggen oder registrieren um auf diesen Beitrag zu antworten.

Thema

Information

Autor: checka

Kategorie: CSS

Titel: Einen Input Button stylen ohne eine Klasse zu verwenden

Veröffentlicht am: 10.06.10