2015-06-04 94 views
1

我試圖設計一個鏈接,就好像它是一個按鈕。這是鏈接:外觀:按鈕不工作在IE11

<a class="link-as-button" id="logout" href="#">Log out</a> 

被應用到它的CSS樣式是:

.link-as-button { 
    appearance: button; /* CSS3 */  
    -webkit-appearance: button; /* Safari and Chrome */ 
    -moz-appearance: button; /* Firefox */ 
    -ms-appearance: button; /* Internet Explorer */ 
    -o-appearance: button; /* Opera */ 
    cursor: default; 
    padding: .5em; 
} 

現在,這完全在除IE(一個驚喜)所有的瀏覽器。嘗試了很多我在互聯網上找到的東西,但沒有任何幫助。微軟的文檔聲明他們支持-webkit-appearance屬性,但看起來我的IE完全不同意這一點。有什麼問題?

+1

對不起
http://www.w3schools.com/cssref/css3_pr_appearance.asp –

+0

由IE(本身)[** CanIUse,玉米**](HTTP不支持: //caniuse.com/#feat=css-appearance) –

+0

嘗試在每行之後添加!重要。 '外表:button!important;' – mattfryercom

回答

1

Mozilla的開發網絡鏈接HERE澄清該財產是在

只支持

的Internet Explorer(Windows phone)系統的IE 11在Windows Phone 8.1 -webkit-外觀(只有無,按鈕,文本字段值)

值得指出的是,無論支持目前

此功能非STA ndard並不在標準軌道上。不要在面向Web的生產站點上使用它:它不適用於每個用戶。實現之間也可能存在很大的不兼容性,並且行爲在未來可能會發生變化。

此外,Links are not Buttons