html - appearance:button not working in IE11 -


i'm trying style link if button. link:

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

the css style applied is:

.link-as-button {   appearance: button; /* css3 */       -webkit-appearance: button; /* safari , chrome */   -moz-appearance: button; /* firefox */   -ms-appearance: button; /* internet explorer */   -o-appearance: button; /* opera */   cursor: default;   padding: .5em; } 

now works in browsers except ie (what surprise). tried lot of stuff found on internet nothing helped. microsoft's documentation states support -webkit-appearance property, looks ie totally disagrees that. what's problem?

the mozilla development network link here clarifies property supported in

internet explorer (windows phone) ie 11 on windows phone 8.1 -webkit-appearance (only none, button, , textfield values)

it's worth pointing out that, regardless of support @ present

this feature non-standard , not on standards track. not use on production sites facing web: not work every user. there may large incompatibilities between implementations , behavior may change in future.

also, links not buttons


Comments

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - .htaccess mod_rewrite for dynamic url which has domain names -

Website Login Issue developed in magento -