radio button

[tropenberta]

hi leuts

schönes neues jahr an euch alle !

hab nen radio button und möchte die größe des kreises verändern.

  
<input type="radio" id="lieferart" name="lieferart" width="48" height="48px">  

egal was ich als größe angebe der runde auswahlpunkt bleibt gleich groß.

lg
micha

[Gunnar Bittersmann]

@@tropenberta:

nuqneH

<input type="radio" id="lieferart" name="lieferart" width="48" height="48px">

>   
> egal was ich als größe angebe der runde auswahlpunkt bleibt gleich groß.  
  
Radiobuttons reagieren nicht auf @width und @height. Verwende CSS.  
  
Bedenke, dass Browser dann evtl. eine Pixelgrafik hochsklaieren, was richtig blöd aussehen kann.  
  
Qapla'

-- 
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)

[tropenberta]

hi gunner

danke für deine info.

das problem ist ja eigentlich das wenn ich mir meine testseite auf´n iphone anschaue sind die kreise total mini - also ich muss für die iphone ansicht die kreise größer darstellen.

über css hab ich auch schon probiert hat auch net geklappt.

  
#radiobutton {  
width:46px;  
height46px;  
}  

hab dann mit js versucht.

  
document.getElementById("radiobutton").width = "46px";  
document.getElementById("radiobutton").height = "46px";  

bekomm die blöden kreise nicht größer.

lg
micha

[Gunnar Bittersmann]

@@tropenberta:

nuqneH

hi gunner

Ich schieße nicht.

das problem ist ja eigentlich das wenn ich mir meine testseite auf´n iphone anschaue sind die kreise total mini - also ich muss für die iphone ansicht die kreise größer darstellen

Warum? Ist denn der Zustand des Radiobuttons nicht zu erkennen.

Als Clickfläche stehen auch die Labels zur Verfügung. Sollten die bei dir nicht clickbar sein, behebe diesen Fehler.

über css hab ich auch schon probiert hat auch net geklappt.

#radiobutton {
width:46px;
height46px;
}

  
Könnte am Syntaxfehler liegen.  
  
Syntax-Highlighting hilft. [Validator](http://jigsaw.w3.org/css-validator/) auch.  
  
  

> hab dann mit js versucht.  
> ~~~javascript
  

> document.getElementById("radiobutton").width = "46px";  
> document.getElementById("radiobutton").height = "46px"; 

Du gibst dem Elementknoten unwirksame Eigenschaften anstatt über sein style-Objekt die CSS-Eigenschaften zu ändern.

Und jetzt vergiss das mit dem JavaScript wieder.

Qapla'