2011-08-21 86 views
2

this代碼:是否可以將<button>設置爲<a>?

button 
{ 
} 

a:link, a:visited 
{ 
    text-decoration:none; 
    color:red; 
} 

a:hover 
{ 
    text-decoration:underline; 
} 

<button>Link Button</button> 

<a href='#'>Link A</a> 

是有可能對CSS有<a>相同的設計到<button>? CSS 2我希望在IE7 +上跨瀏覽器,等等......

回答

5

你只是想讓按鈕看起來像鏈接的權利?

http://jsfiddle.net/NcCVj/1/

的字體不同,但我覺得你得到它的要點。關鍵是設置背景和邊框爲none(或任何匹配您的鏈接)

+0

我已經更新它http://jsfiddle.net/NcCVj/3/ ..但在Firefox上有一個text1和text2之間的空格:在鉻上不是......爲什麼?此外,在IE瀏覽器有一些保證金/填充,我無法避免... – markzzz

+0

這是一種不同的問題......但我可以放縱你,我想。通常,您應該使用[css reset](http://developer.yahoo.com/yui/reset/)來幫助最大限度地減少瀏覽器呈現之間的差異。近來很多人也在討論[瀏覽器規範化](https://github.com/necolas/normalize.css/)而不是重置。再次,它只是爲了幫助處理瀏覽器呈現中的差異。我無法刪除元素之間的一些間距,但它至少會使事情更加一致。 – brad

+0

所以,這是不可能的? :) – markzzz

相關問題