.search-list-item {
height: 36px;
&:hover {
background: #4285f4;
color: #ffffff;
font-weight: 500;
}
// 为元素修复抖动
&::before {
display: block;
content: attr(title);
font-weight: bold;
height: 0;
overflow: hidden;
visibility: hidden;
}
}
给元素增加hover字体加粗样式时,元素宽度加宽导致dom结构抖动的问题。
最新推荐文章于 2024-09-13 10:46:15 发布