css - 跨浏览器 - 我的按钮存在美学缺陷

Question

我正在尝试制作语言按钮。

第一个问题是圆形背景，已解决。 第二个问题是背景动画，已解决。

现在在 FF 中，按钮在悬停时有一条难看的线。

这是链接。

The code I'm working on

任何人都可以向我解释一下，这里出了什么问题，以便我可以尝试修复它。

谢谢

Answer 1

通过赋予重要性来强制应用 .selected 样式。

background: #FFF600 !important;

由于 Firefox 对 box-shadow 有显示问题，请改用 border。

border: 0.5em solid #FFF600;

参见 DEMO .

还修复了一系列其他问题，包括:

#languages li { display: inline-block; width: 45px; }

由于 border 占用了一些空间，并从 #languages li a 中删除了 display:block;。