解决elementui中el-radio报错:Blocked aria-hidden on an element because its descendant retained focus.

今天在使用elment中el-radio的时候发现控制台报错

最开始以为是自己哪里写错了,但是后面上网查找的时候发现是浏览器的原因

现在来说下解决办法

1、可以使用这么一种组合来解决

/deep/ input[aria-hidden="true"] {
    display: none !important;
}

/deep/.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    box-shadow: none !important;
}

2、也可以使用这种组合


/deep/ .el-radio__original {
  display: none !important; /* 隐藏原生 radio 输入,但仍然允许交互 */
}

/deep/.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    box-shadow: none !important;
}

网上还有一种解决办法,但是我觉得自定义指令比较麻烦,所以这里就不做转载的事了

哦,对了,我使用的是<style lang="less">并且是vue2,请根据您自己的vue版本改写

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值