如何以 Opera 版本 11 支持的已弃用方式缩放输入单选按钮元素？

Question

我正在为仅支持 Opera 版本 11 的设备开发 Web 应用程序。因此，有些 CSS 功能我无法使用。

目前我正在处理一个带有输入单选按钮的表单，我想增加它的大小。 CSS 方法 zoom (200%) 完全符合我的要求，但它对于 Opera 浏览器来说太新了。 (https://caniuse.com/#search=zoom)是否有不推荐使用的方法来完成此操作？

Answer 1

尝试将 font-size 与 @media 结合使用。

Answer 2

诀窍是添加border，没有它在Opera 11上将无法工作

#rdBtn{
    border:0px solid red;
    height:50px;
    width:50px;
}

<form>
   <input type="radio" id="rdBtn" />
</form>