我正在尝试为<ul>的项设置样式。我主要想做的是，当我将鼠标悬停在一个<li>上时，应该会出现一个微妙的边界。但问题是，边界占据了整个列表的宽度。
代码为：
li:hover {
border-style: dotted;
border-width: 0.1rem;
}我尝试过应用display: inline-block或其他我想到的东西，但没能成功。
此图像中的当前行为：currentBehavior
解决方案是什么？造成当前行为的原因是什么？非常感谢。
这是因为您的li占用了ul标签的全部宽度。
你可以使用
width: fit-content;
这将使li只采用内部文本的长度，而不是完整的ul