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
Post a Comment