html - 将 嵌套在 中在 Firefox 中不起作用

Question

我写了这样的东西。

<li class="settings-selected" role="presentation">
    <a href="#" role="menuitem">English  
        <i class="icon-check right"></i>
    </a>
</li>

此代码在其他浏览器上运行良好，但在 firefox 上运行不佳(从 li 标签中拉下的图标)。

Answer 1

您正在使用一个专注于更改其中包含的文本的元素，因此跨浏览器对它的支持可能并不理想。我想您这样做可能是为了可访问性(？)，但这不是一个好方法 - 该元素不包含任何可以阅读的文本。

考虑对图标使用 span 并确保给它 display: block;(或 display: inline-block;，如果你需要内联)来操作在浏览器中保持一致。

编辑:根据评论重新考虑后，您可以尝试确保将图标对齐到 vertical-align: top，因为这是 Firefox 的常见问题(不同的默认设置)。如果这不起作用，您可能遇到了 CSS 捕获问题，您需要发布更多代码。