элемент кнопки hovered теряет стиль после изменения цвета фона

Question

Это CSS-вопрос. В этой скрипке вы можете увидеть кнопку. Внутри него есть два элемента span. Один с float:left; другой с float:right;.

Стиль - это обычный стиль кнопок. При нажатии этой кнопки на iPhone или наведении курсора в браузере стиль теряется. Это потому, что я изменил цвет фона.

Есть ли способ изменить цвет фона, не теряя при этом весь стиль кнопок?

EDIT: Вот два изображения: Первая кнопка - это обычный элемент-кнопка. Вторая кнопка - это кнопка, в которой я изменил цвет фона ... это то, как он выглядит, когда я нахожу над кнопкой.

Answer 1

Мне кажется, я понимаю, что вы имеете в виду. Похоже, что при наведении курсора закругленный угол исчез, а граница добавлена. Боюсь, что нет простого способа получить именно то, что вы хотите, так как поведение и внешний вид Button контролируется системой.

Возможно, вы можете попробовать заменить его на div, который полностью контролирует стиль (изменяя стиль с помощью JS при наведении курсора).

Answer 2

У меня все работает нормально. Однако плавающие правые элементы всегда должны размещаться перед плавающими левыми элементами. Не знаю, изменит ли это что-нибудь.