css - 更改背景颜色后悬停的按钮元素失去样式

Question

这是一个 CSS 问题。 在 this fiddle你可以看到一个按钮。 它内部有两个跨度元素。一个使用 float:left;，另一个使用 float:right;。

样式是普通的按钮样式。 在 iPhone 上单击该按钮或将其悬停在浏览器中时，样式会丢失。 这是因为我更改了背景颜色。

有没有办法在不丢失整个按钮样式的情况下更改背景颜色？

编辑: 这是两个图像: 第一个按钮是一个普通的按钮元素。第二个按钮是我更改背景颜色的按钮……这是我将鼠标悬停在按钮上时的样子。

Answer 1

我想我明白你的意思了。看起来悬停时圆 Angular 消失了，同时添加了边框。恐怕没有一种简单的方法可以得到你想要的东西，因为 Button 的行为和外观是由系统控制的。

也许您可以尝试将其替换为您可以完全控制样式的 div(悬停时通过 JS 更改样式)。