是否可以将<button>设置为<a>？

我this代码：是否可以将<button>设置为<a>？

button 
{ 
} 

a:link, a:visited 
{ 
    text-decoration:none; 
    color:red; 
} 

a:hover 
{ 
    text-decoration:underline; 
} 

<button>Link Button</button> 

<a href='#'>Link A</a>

是有可能对CSS有<a>相同的设计到<button>？ CSS 2我希望在IE7 +上跨浏览器，等等......

来源

2011-08-21 markzzz

你只是想让按钮看起来像链接的权利？

http://jsfiddle.net/NcCVj/1/

的字体不同，但我觉得你得到它的要点。关键是设置背景和边框为none（或任何匹配您的链接）

来源

2011-08-21 13:15:03 brad

我已经更新它http://jsfiddle.net/NcCVj/3/ ..但在Firefox上有一个text1和text2之间的空格：在铬上不是......为什么？此外，在IE浏览器有一些保证金/填充，我无法避免... – markzzz

这是一种不同的问题......但我可以放纵你，我想。通常，您应该使用[css reset]（http://developer.yahoo.com/yui/reset/）来帮助最大限度地减少浏览器呈现之间的差异。近来很多人也在讨论[浏览器规范化]（https://github.com/necolas/normalize.css/）而不是重置。再次，它只是为了帮助处理浏览器呈现中的差异。我无法删除元素之间的一些间距，但它至少会使事情更加一致。 – brad

所以，这是不可能的？ :) – markzzz

是否可以将<button>设置为<a>？

回答

相关问题