Rus*_*uss 1 html button hyperlink
我在页面上创建了一个带有两个按钮(即链接)的页面.由于未知原因,在chrome,ff和ie中的按钮之间显示短划线.我试图在按钮之间获得一点点空间而不是这个奇怪的破折号.以下是一些复制问题的简单示例代码:
<!DOCTYPE html>
<meta charset='utf-8'>
<html>
<head><title>Button Dashes?</title></head>
<body>
<div>
<a href="http://www.google.com">
<button>Google</button>
</a>
<a href="http://www.yahoo.com">
<button>Yahoo</button>
</a>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我需要做些什么才能删除按钮之间的短划线?
将您的代码更新为:
<div>
<a href="http://www.google.com"><button>Google</button></a>
<a href="http://www.yahoo.com"><button>Yahoo</button></a>
</div>
Run Code Online (Sandbox Code Playgroud)
链接的默认样式是underlines这样的,空格将只是一个下划线.这是一个例子:http://jsfiddle.net/wCfBR/
以下是一些使buttons链接行为的替代方法:如何创建一个像链接一样的HTML按钮?