gpt4 book ai didi

html - 单击具有 CSS 列的列表中的按钮会更改列

转载 作者:行者123 更新时间:2023-11-28 12:47:48 26 4
gpt4 key购买 nike

我在一个列表中有一堆按钮,其中定义了 CSS 列。该列表最初显示良好,但当我单击列表底部的按钮时,它会移动到下一列的顶部,并在其位置留下一个洞。在新位置再次单击时,它会移回自己的位置。

类定义如下:

.Col5 {
columns: 5;
-webkit-columns: 5;
-moz-columns: 5;
}

最佳答案

您可以通过取消按钮上的轮廓来解决问题。

button{
outline: none;
}

更新:实际上,问题似乎是因为对于 button:focus,浏览器(至少 Webkit)似乎添加了如下 CSS:

button:focus {
outline: -webkit-focus-ring-color auto 5px;
}

因此,只需像以下方法之一一样重置该行为就可以解决问题。

button:focus {
outline: -webkit-focus-ring-color auto 0px;
}

/* OR */

button:focus {
outline: none;
}

Updated Demo

关于html - 单击具有 CSS 列的列表中的按钮会更改列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24701316/

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