1. 首页
  2. 问答
  3. 寻找一些CSS，这将使我的链接看起来像按钮

寻找一些CSS，这将使我的链接看起来像按钮

2011-07-02 61 views
1

可能重复：
How do I make an html link look like a button?寻找一些CSS，这将使我的链接看起来像按钮

我环顾四周，在网络上。发现一些非常彩色的按钮的链接，看起来不像按钮:-)

有没有人有一些他们发现或想出的CSS，可以帮助我使我的链接看起来像“真实“当我在表单中使用”提交“类型按钮时看到的按钮。

我不介意CSS是否使用图形背景。只是寻找模拟按钮尽可能靠近的东西。我也可以像我在页面上那样使用jQuery。

非常感谢您

来源

2011-07-02 Robert Dawson

+2

为什么你不使用实际的按钮？ –

+0

我同意这个CrazyJugglerDrummer，只是使用常规的'按钮'。如果它看起来像一个按钮，它可能应该是一个按钮，而不是一个链接。 – You

回答

6

在WebKit和壁虎存在-webkit-appearance和-moz-appearance性质你想要做什么。我不确定在其他浏览器的支持 - 你需要检查。这里有一个演示：

http://jsfiddle.net/kZ2WE/2/

在CSS3 there is a standard property appearance，但是，2013年6月，它没有在任何浏览器的支持。

专有扩展适用于Chrome，Safari（webkit）和Firefox（mozilla）。它在Opera中完全不支持，也不支持IE。

来源

2011-07-02 16:32:31

+1

谢谢。我肯定会将这些用于这两个浏览器。为我节省了很多工作。 –

9

例如：

a { 
    background:#eee; 
    text-decoration:none; 
    color:#333; 
    font-family:Arial, sans-serif; 
    font-size:11px; 
    font-weight:bold; 
    padding:3px 5px; 
    border:1px solid #aaa; 
    border-radius:3px; 
    cursor:default; 
} 

a:hover { 
    background-color:#f2f2f2; 
    border-color:#888; 
    box-shadow:0 0 2px #ccc; 
} 

a:active { 
    vertical-align:-1px; 
}

现场演示：http://jsfiddle.net/QTRpb/1/show/

来源

2011-07-02 16:27:36

2

你可以使用按钮而不是锚点元素。不要将按钮放在表单中，点击时页面不会改变。为这些按钮提供唯一的ID，并让jquery将事件处理程序附加到按钮的单击事件中，以打开新的网页。

$(document).ready(function(){ 
    $("#mybutton").click(function(){ 
     window.open("mypage.html"); 
    }); 
});

来源

2011-07-02 16:31:48 penco

相关问题

 相关问题