Search code examples
htmlcssopera

How to zoom an input radio button element in a deprecated way that is supported by Opera version 11?


I am developing a web application for a device which only supports Opera version 11. Because of this there are some CSS features that I cannot use.

Currently I am working on a form with input radio buttons which size I want to increase. The CSS method zoom (200%) does exactly what I want, but it is too new for the Opera browser. (https://caniuse.com/#search=zoom) Is there a deprecated way of accomplishing this?


Solution

  • The trick is to add border, it will not work without it on Opera 11

    #rdBtn{
        border:0px solid red;
        height:50px;
        width:50px;
    }
    <form>
       <input type="radio" id="rdBtn" />
    </form>