mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 26.04.2024 01:41 Benutzername: Passwort: Auto-Login

Thema: [CSS] Input / Checkboxes direkt ansprechen vom 20.04.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Input / Checkboxes direkt ansprechen
Autor Nachricht
Kash
Threadersteller

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mo 20.04.2009 10:40
Titel

[CSS] Input / Checkboxes direkt ansprechen

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen,

irgendwie stehe ich grad auf dem Schlauch.

Ist es möglich das Formularelment

Code:

<input type="checkbox" />


direkt per CSS anzusprechen ohne eine seperate Klasse für die Checkboxen zu schreiben?

ich hatte es mal so probiert

Code:

input[checkbox] {
  foo:bar;
}


doch das klappt nicht.

es geht darum das ich meinen Input feldern einen Rahmen geben möchte, den checkboxes jedoch nicht.
allerdings kann ich keine Klassen einsetzen.
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 20.04.2009 10:51
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
input[type="text"]


Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Kash
Threadersteller

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mo 20.04.2009 11:02
Titel

Antworten mit Zitat Zum Seitenanfang

super *Thumbs up!*

dank dir

//ne lösung für den IE6 hat es nicht wah?


Zuletzt bearbeitet von Kash am Mo 20.04.2009 11:06, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
ApfelQFeierabend

Dabei seit: 05.04.2008
Ort: Regensburg
Alter: 37
Geschlecht: Männlich
Verfasst Mo 20.04.2009 19:47
Titel

Antworten mit Zitat Zum Seitenanfang

mit jquery
$('input[type=radio]').addClass('checker');

sollte gehen habs aber nicht getestet


Zuletzt bearbeitet von ApfelQFeierabend am Mo 20.04.2009 19:47, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 20.04.2009 19:50
Titel

Antworten mit Zitat Zum Seitenanfang

Kash hat geschrieben:
//ne lösung für den IE6 hat es nicht wah?


Nein. Über Javascript lösbar, dafür eine ganze Bibliothek einzusetzen wenn es mit einem
drei Zeiler getan ist wäre natürlich overkill, aber du hast wahrscheinlich sowieso eine im
Einsatz daher wäre das eine Möglichkeit …
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Mo 20.04.2009 21:13
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
window.onload = function() {
   myForms = document.forms;
   for(i=0; i<myForms.length; i++) {
      for(k=0; k < myForms[k].childNodes.length; k++) {
         currentChild = myForms[i].childNodes[k];
         if(currentChild.nodeName.toLowerCase() == "input" && currentChild.type.toLowerCase() == "checkbox")

            currentChild.className += " checker";
         }
      }
   }
}


so sollte es imho auch ohne 50kb framework gehen. ist allerdings ungetestet *Schnief*


Zuletzt bearbeitet von sahnemuh am Mo 20.04.2009 21:17, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen Checkboxes und Firefox im Twist
[jquery] checkboxes und radiobuttons stylen
CSS - richtig ansprechen
Du/Ihr/Sie ... wie soll man ansprechen?
SVG Objekte mit js ansprechen
lightbox2 ansprechen
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.