Html -en hogyan kell nagyobbitani, a radiobutton meretet?

input[type=radio] {

border: 0px;

width: 100%;

height: 2em;

}

Az ertekeket cserelgetheted, nem teszteltem.

Nem lehet.

Rakj utána egy spant, azt formázd, a radio-t meg tedd láthatatlanná.

<div class="radio">

<input type="radio" />

<span></span>

</div>

.radio {

position: relative;

}

.radio span,

.radio input[type="radio"] {

position: absolute;

left: 0;

top: 0;

width: 20px;

height: 20px;

}

.radio span {

background: #fff;

}

.radio input[type="radio"]:checked + span {

background: #f00;

}

.radio input[type="radio"] {

visibility: hidden;

opacity: 0;

z-index: 1;

}