我正在尝试找到一种方法,以便当用户将鼠标悬停在 li 元素上时,它会改变<li>
占据下拉列表整个宽度而不仅仅是<a>
区域的背景颜色。这是我到目前为止所尝试的。
标记
<ul class="dropdown">
<li><a href="#">Visit the castle</a></li>
<li><a href="#">Dancing Building</a></li>
<li><a href="#">Nightlife</a></li>
<li><a href="#">Museums</a></li>
</ul>
CSS
.dropdown{display:block; position:absolute; background-color:black; margin-left:65px; height:190px;}
.dropdown li:hover{background-color:#333; padding:0px;}
.dropdown li a{display:block;}