如何使按钮看起来像一个链接？ [英] How to make button look like a link?

问题描述

我需要一个按钮，看起来像使用CSS的链接。这些变化做了，但是当我点击它，它显示为如果在一个按钮按下。任何想法如何删除点击即使这样按钮可以作为一个链接？

解决方案

HTML

 ＆LT;按钮和GT;您的按钮，看起来像一个链接＆LT; /按钮＆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屋！