1. 首頁
  2. 問答
  3. 尋找一些CSS，這將使我的鏈接看起來像按鈕

尋找一些CSS，這將使我的鏈接看起來像按鈕

2011-07-02 60 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

相關問題

 相關問題