css hover失效的解决方法

在开发vue项目时，element-plus按钮的focus样式不是我想要的，然后就想覆盖它的样式，但是发现元素hover效果失效，我的写法是这样的：

.close-pop-btn{position: absolute;left: 50%;transform: translateX(-50%);bottom: 18px;width: 20px;height: 20px;line-height: 20px;padding: 0;min-height: auto;border-radius: 50%;color: #666;font-size: 16px;transition: all .3s ease;&:hover{color: #fff;background: #c81623;}&:focus{color: #666;background: transparent;}
}

我还是头一次遇到这种情况，看到的资料是这么写的，

于是就猜测或许是位置的问题，位置一换结果好了！还蛮神奇的！

css hover失效的解决方法相关推荐

AC-baidu-重定向脚本造成百度首页皮肤失效的解决方法
AC-baidu-重定向脚本造成百度首页皮肤失效的解决方法前言一.原因分析二.解决方法三.搜索结果页设置自定义背景前言 AC-baidu-重定向优化百度搜狗谷歌必应搜索_favicon_双列 ...
nvm 装 nodejs 重启终端失效的解决方法
nvm 装 nodejs 重启终端失效的解决方法参考文章: (1)nvm 装 nodejs 重启终端失效的解决方法 (2)https://www.cnblogs.com/zhangkunweb/p/ ...
联想笔记本Win10 F1-F12失效的解决方法
联想笔记本Win10 F1-F12失效的解决方法参考文章: (1)联想笔记本Win10 F1-F12失效的解决方法 (2)https://www.cnblogs.com/expiator/p/633 ...
margin-top失效的解决方法
异常处理汇总-前端系列 http://www.cnblogs.com/dunitian/p/4523015.html 我的是属于这种情况按照网上的说法,我就是这个现象了两个层box1和box2,b ...
Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法在添加完之后,可以使用 $.parser.parse();这个方法进行处理: (1) 对整个页面重新渲染: $.parser ...
win11快捷键失效怎么办 windows11快捷键失效的解决方法
我们经常会使用快捷键来帮助我们快速地打开所需要的应用,提高使用效率,但是有小伙伴在使用的时候发现快捷键失效,那么遇到这种情况要怎么办呢?下面就和小编一起来看看有什么解决方法吧.更多windows11系 ...
CSS盒子塌陷及解决方法
CSS盒子塌陷及解决方法 1 盒子塌陷的原因 2 如何清除塌陷 1 盒子塌陷的原因什么是盒子塌陷? 外部的盒子没有包裹住内部的浮动盒子,导致了盒子塌陷. 盒子高度塌陷原因? ①父元素没有设置高度(h ...
关于更新win11 22H2后透明任务栏失效的解决方法.2023.03.15
关于更新win11 22H2后透明任务栏失效的解决方法2023.03.15 [ViVe Tool下载地址]{Releases · thebookisclosed/ViVe (github.com)} ...
VSCode中，新建js文件中编译器自带jQuery提示失效的解决方法
VSCode中,新建js文件中编译器自带jQuery提示失效的解决方法在VSCode中,新建js文件可能会发生VSCode自带的jQuery提示引起失效,如下图在HTML文件中进行编辑,<s ...

css hover失效的解决方法

css hover失效的解决方法相关推荐

最新文章

热门文章