HRf 废墟 div 按钮提供随机边框

Question

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

链接 href 为按钮提供蓝色边框 + 文本颜色，每当我从中删除<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/

编辑：在内联元素（如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;
}​