我有一件li款式的,款式如下:

li{
    display:inline-block;
    padding:5px;
    border:1px solid none;
}
li:hover{
    border:1px solid #FC0;
}

当我将鼠标悬停在li上方时,边界会出现,而不会移动li.有没有可能有一个看不见的"边界"?

推荐答案

您可以使用"透明"作为 colored颜色 .在IE的一些版本中,它是黑色的,但自从IE6天后我就没有测试过它.

http://www.researchkitchen.de/blog/archives/css-bordercolor-transparent.php

Css相关问答推荐

使用location:stickly将元素固定到其父容器的顶部

通过使溢出的子元素具有其宽度的100%来防止Flex元素溢出

当具有外部高度的网格项溢出时,为什么溢出滚动端口填充不应用于网格容器?

如何将Ant设计日期 Select 器的图标设置在输入 Select 器之前而不是之后

测试响应式设计:手动拖动浏览器窗口与使用设备工具栏

TypeScript 中有效的 CSS 属性名称数组,但带有连字符

在 CSS 中如何使用 100% 和最大内容之间的最大值

nth-child 在一个页面上工作,但不在另一个页面上

css中的背景图像没有被缓存

在 CSS 中相对于另一个元素定位一个元素

删除在 ios safari / chrome / firefox 中单击的链接上的灰色背景

使用 JavaScript 将 CSS 添加到 ?

重置子元素的不透明度 - Maple Browser (Samsung TV App)

如何将 textarea 宽度扩展到父级宽度的 100%(或如何将任何 HTML 元素扩展到父级宽度的 100%)?

宽度和高度似乎不适用于 :before 伪元素

如何动态生成用逗号分隔的类列表?

如何在 javascript 中获取 HTML 元素的样式值?

bootstrap 程序中有 7 个相等的列

完成后如何防止css3动画重置?

仅使用 CSS 交换 DIV 位置