css - href 破坏 div 按钮提供随机边框

Question

我添加了一个这样的 CSS 按钮：http: //pastebin.com/UZCgmqSN 为什么我不能使用简单的 HTML 代码？..

链接href为按钮提供了蓝色边框+文本颜色，每当我从中删除<A>时，它仍然保持不变。

我希望整个按钮成为一个链接，而不是像您需要将鼠标悬停在文本上才能转到该链接。

基本上我不希望 a 样式影响我的按钮。

解决方案可能是：在指定的 div 上禁用链接样式谢谢。

Answer 1

添加一个填充，这将使文本周围的区域也可点击。此外，应用以下样式：

a {
    text-decoration:none;
}
a div {
    background:#444;
    color:#fff;
    border:1px solid #333;   
    text-align:center;
    padding:5px;
    width:100px;
}

这应该这样做。

看看这个：http: //jsfiddle.net/yFZ4y/

编辑：在INLINE元素（如a ）中使用div或任何块级元素是不好的做法。请改用跨度。

Answer 2

这是链接/按钮的示例http://jsfiddle.net/CRjrz/

<div>
    <a href="#">link text</a>
</div>​

a
{
    display: block;
    width: 100px;
    height: 35px;
    text-decoration: none;
    color: black;
    text-align: center;
    line-height: 35px;
}
div
{
    border: solid 1px black;
    width: 100px;
    height: 35px;
}​