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

问题描述

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

当前,我正在处理带有输入单选按钮的表单,该单选按钮的大小我想增加。 CSS方法zoom(200%)完全可以满足我的要求,但是对于Opera浏览器来说,它太新了。 (https://caniuse.com/#search=zoom)是否有不推荐使用的方法来实现此目的?

解决方法

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

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

,

尝试将font-size@media一起使用。