Can we make radio buttons large for safari on ipad

[tparsnick]

[tparsnick]

The below didn't work well on ipad….scaled way to big.
Looked fine on desktop macair w/ safari, chrome, and firefox.

    input.styled {
        vertical-align:text-bottom;
        margin:0;
        margin-right:12px;
        /* width and height do not work
        width: 100px;
        height: 100px;
        */


        /* can also use
        input[type=checkbox] {}
        */
        -ms-transform: scale(2,2); /* IE 9 */
        -webkit-transform: scale(2,2); /* Safari and Chrome */
        -o-transform: scale(2,2); /* Opera */
        -moz-transform: scale(2,2); /* Firefox */
    }

[tparsnick]

http://www.456bereastreet.com/lab/styling-form-controls-revisited/radio-button/ check this out for how using width/height renders on different browsers.
Please test on browserstack

[tparsnick]

A library to investigate that Chris suggested: http://damirfoy.com/iCheck/

[czed]

This is kinda similar to what I already tried because it's still using images, but I'm open to trying it