gpt4 book ai didi

html - CSS 列表悬停在 Google Chrome 中不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 16:10:40 24 4
gpt4 key购买 nike

<分区>

我有一个 HTML 列表,当鼠标悬停在每个列表项上时,文本和元素符号会改变颜色。

HTML

<ul>
<li>A bullet point</li>
<li>Another bullet point</li>
<li id="thirdpoint"><button onclick="document.getElementById('thirdpoint').innerHTML='Third bullet point';">Add bullet point</button></li>
</ul>

CSS

ul li:hover {
color:red;
}

JSFiddle

输出应如下所示,可在 Microsoft Edge、Internet Explorer、Firefox 和 Safari 上正常运行。

Working list hover

但是,谷歌浏览器似乎无法正确呈现悬停。其一,要点没有改变颜色。

Google Chrome list hover

当点击“添加元素符号点”按钮时,元素符号点有时会改变颜色,但当它改变时,即使将光标移出也不会改变颜色。调整窗口大小似乎可以解决此问题。

Stuck bullet hover

那么如何让 HTML/CSS 在 Google Chrome 中正常工作呢?我的直觉是,由于卡住的元素符号点颜色可以自行纠正,这可能是浏览器错误。如果是这样,是否有任何解决方法?如果没有,我该如何修复代码?

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com