如何使按钮看起来像一个链接? [英] How to make button look like a link?
本文介绍了如何使按钮看起来像一个链接?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我需要一个按钮,看起来像使用CSS的链接。这些变化做了,但是当我点击它,它显示为如果在一个按钮按下。任何想法如何删除点击即使这样按钮可以作为一个链接?
解决方案
HTML
<按钮和GT;您的按钮,看起来像一个链接< /按钮>
CSS
按钮{
!背景:无重要;
边界:无;
填充:0重要;
字体:继承;
/ *边框可选* /
下边框:1px的固体#444;
光标:指针;
}
见演示(上的jsfiddle)
I need to make a button look like a link using CSS. The changes are done but when i click on it, it shows as if its pushed as in a button. Any idea how to remove that so that the button works as a link even when clicked?
解决方案
HTML
<button>your button that looks like a link</button>
CSS
button {
background:none!important;
border:none;
padding:0!important;
font: inherit;
/*border is optional*/
border-bottom:1px solid #444;
cursor: pointer;
}
See Demo (on JSfiddle)
这篇关于如何使按钮看起来像一个链接?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文