在一個小型的<div>
容器內,它位於一個較大的容器內,我希望以<li>
標籤的形式放置<a>
鏈接。當我把cursor:pointer
放在我的CSS中時,懸停狀態不會顯示一隻手,並且我的鏈接未啓用。CSS li'光標:指針'不能在div中工作
CSS
.black_box_contain li{
font-family:Verdana, sans-serif;
margin-left:5px;
font:inherit;
list-style:none;
margin-left:5px;
padding:0.2em;
display:inline-block; /* This will reduce space */
cursor:pointer;
}
.black_box_contain li a {
color:#0144A7;
font-size:14px;
cursor:pointer;
}
HTML
<div class="black_box_contain">North NJ Restaurants <br><br><p>Here are some of my favorite dishes. Hope you enjoy making and eating them as much as I did because they're really good!!</p> <br>
<li> Italian </li> <br>
<li> <a> French </a></li><br>
<li> <a> Mexican </a></li><br>
<li> <a> Indian </a></li><br>
<li> <a> Chinese </a></li><br>
<li> <a> Japanese </a></li><br>
</div>
光標做工精細的印版的Chrome http://jsfiddle.net/8ZP4Q/ – DaniP