0

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?

Klyner
  • 3,983
  • 4
  • 26
  • 50
  • take a look [here](https://stackoverflow.com/questions/1156278/how-can-i-scale-an-entire-web-page-with-css) and [here](https://stackoverflow.com/questions/4049342/how-can-i-zoom-an-html-element-in-firefox-and-opera) maybe can help you. – Simone Rossaini Aug 17 '20 at 12:48

2 Answers2

1

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>
Marios Nikolaou
  • 1,326
  • 1
  • 13
  • 24
0

Try using font-size with @media.

ng-hobby
  • 2,077
  • 2
  • 13
  • 26
  • Code-only answers are discouraged on Stack Overflow because they don't explain how it solves the problem. Please edit your answer to explain what this code does and how it helps to answer the question, so that it is useful to the OP as well as other users also with similar issues. – FluffyKitten Aug 17 '20 at 16:06