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

解决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版本改写

转载请说明出处内容投诉
CSS教程网 » 解决elementui中el-radio报错:Blocked aria-hidden on an element because its descendant retained focus.

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买