使用opera突出显示列表项时的奇怪行为

Question

当我使用鼠标突出显示列表项时，我的部分文本会消失或向左侧移动。当我单击或仅将鼠标移动而不单击或突出显示时，有时也会发生这种情况。 它只发生在列表项目中，我使用Joomla来创建我的网站。

我使用Firefox，IE，Chrome和Opera进行了测试，Opera是唯一具有此行为的人。

我想这与我的CSS有关？！？！？

Answer 1

这是一个网站，解释了如何为不同的浏览器指定某些CSS设置。

http://rafael.adm.br/css_browser_selector/

但是，我在页面底部看不到列表。我使用的是Chrome，主页上的列表根本没有突出显示。这是你谈论的部分吗？

也许你可以在这里给我们一些代码。

Answer 2

这是Opera Presto（12.x及更早版本）中的一个已知错误，当​​您尝试将text-align: justify个样式应用于li个项目时会出现这个错误。要么不试图证明列表项内容的合理性，要么使用this answer中指定的解决方法，即代替：

<li>list item text</li>

您可以将文字换成span或div，如下所示：

<li>
  <span class="listItemContent">list item text</span>
</li>

并将您的listItemContent课程（或任何您想要称之为的课程）定义为：

.listItemContent {
  display: inline-block;
  vertical-align: top;
}

这应该可以解决问题（我只是在Dragonfly中试过）。