vue项目使用element-ui中的radio,切换radio时报错: Blocked aria-hidden

vue项目使用element-ui中的radio,切换radio时报错:

Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidden.

后面上网查找的时候发现是浏览器的原因。

使用如下样式可以解决:

javascript 复制代码
/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;
}

因为项目中有很多radio单选按钮,所以我写到全局样式中,但是出现了一个问题用scss全局引入时不生效,改成css文件才生效,这个具体原因还不知道是什么原因

相关推荐
旧曲重听114 分钟前
最快实现的前端灰度方案
前端·程序人生·状态模式
默默coding的程序猿23 分钟前
3.前端和后端参数不一致,后端接不到数据的解决方案
java·前端·spring·ssm·springboot·idea·springcloud
夏梦春蝉29 分钟前
ES6从入门到精通:常用知识点
前端·javascript·es6
归于尽35 分钟前
useEffect玩转React Hooks生命周期
前端·react.js
G等你下课36 分钟前
React useEffect 详解与运用
前端·react.js
我想说一句37 分钟前
当饼干遇上代码:一场HTTP与Cookie的奇幻漂流 🍪🌊
前端·javascript
funnycoffee12338 分钟前
Huawei 6730 Switch software upgrade example版本升级
java·前端·华为
小鱼小鱼干40 分钟前
【Tauri】Tauri中Channel的使用
前端
拾光拾趣录42 分钟前
CSS全面指南:从基础布局到高级技巧与实践
前端·css
markyankee10144 分钟前
使用 Vue 脚手架创建项目的完整指南
vue.js