html - 删除 URL 中的下划线 [text-decoration : none; doesn't work]

Question

我想删除下划线。我已经放置了 text-decoration: none;。但是它不起作用。这是一个 DEMO .

HTML

<a href="./index.php?sign_in=1">
    <div id="signup_button">
        Sign up
    </div>
</a>

CSS

#signup_button {
    position: relative;
    max-width: 206px;
    min-height: 20px;
    max-height: 40px;
    margin: auto;
    margin-top: 10px;
    padding: 10px 10px 10px 10px;
    background-color: #0096cc;
    text-align: center;
    color:#fff;
    font: 35px/1 "Impact";
    text-decoration: none;
}

Answer 1

设置

a {
    text-decoration:none;
}

在你的风格之前。下划线来自那里。