在改变背景颜色后，悬停的按钮元素会丢失样式

Question

这是一个CSS问题。 在this fiddle中，您可以看到一个按钮。 里面有两个span-elements。一个float:left;另一个float:right;。

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

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

编辑： 以下是两个图像：第一个按钮是普通的按钮元素。第二个按钮是一个按钮，我在那里更改了背景颜色...这就是我将鼠标悬停在按钮上时的样子。

Answer 1

我想我明白你的意思。当悬停时，看起来圆角已经消失，同时添加了边框。我担心没有一种简单的方法可以获得你想要的东西，就像行为和行为一样。 Button的外观由系统控制。

也许你可以尝试用div替换它，你可以完全控制它的风格（在悬停时通过JS来控制风格）。

Answer 2

一切都对我很好。但是，浮动右元素应始终放在浮动左元素之前。不知道它是否会改变任何东西。