CSS样式<li>鼠标悬停在悬停时不会改变</li>

Question

我有一个简单的ul列表。李的包含简单的href。

我有一个背景和li上的所有内容，我想在a href鼠标悬停时更改li的边框...

这可能吗？
     <ul> <li><a href="#" class="admin_button">Button 1</a></li> </ul>

无论如何，我需要li边框来改变鼠标悬停......这看起来很简单，但我无法弄明白。

Answer 1

我会使li与a标签的大小相同。

然后在你的css文件中：

ul li {
    border: 1px solid #000000;/*Black 1px border*/
}

ul li:hover {
    border: 2px dotted #ff0000; /*Red 2 pix dotted line border*/
}