html - 超链接中的鼠标悬停样式

Question

我有超链接，我想在鼠标悬停时更改颜色以表明它们具有响应能力并获得丰富的用户界面，但我无法实现这一点..

这是 fiddle .. Fiddle

这是 HTML...

<div id="footer" class="footer-shadow">
<div style="margin-left:auto; margin-right:auto; width:960px; ">
    <div id="footerAboutUS" style="float:left; width:150px; position:relative;  margin-left: 10px; margin-top: 7px;">
        <label style="font-size:18px; color: #6c3f00;">About US</label>
        <br/> <a href="#" style="color: gray;text-decoration:none;font-size: 11px;">Our Delivery Model</a>

        <br/> <a href="#" style="color: gray;text-decoration:none;font-size: 11px;">Solution Area</a>

        <br/> <a href="#" style="color: gray;text-decoration:none;font-size: 11px;">List of Industries</a>

        <br/> <a href="#" style="color: gray;text-decoration:none;font-size: 11px;">IT Management</a>

        <br/> <a href="#" style="color: gray;text-decoration:none;font-size: 11px;">Lines of Business</a>

    </div>
</div>

Answer 1

尝试删除覆盖您的 css 的元素样式属性 然后使用如下标签

<style>
    a {
        color: gray;
        text-decoration: none;
        font-size: 11px;
    }

        a:hover {
            color: red;
        }
</style>