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

Question

这是一个 CSS 问题。 在this fiddle 中，您可以看到一个按钮。 它里面有两个跨度元素。一个是float:left;，另一个是float:right;。

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

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

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

Answer 1

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

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

Answer 2

对我来说一切正常。但是，右浮动元素应始终放置在左浮动元素之前。不知道会不会有什么改变。