Trying to get the pseudo class :focus to work in Edge. This is working in Chrome and Firefox, but for ADA reasons, need it to work in Edge. I can get :active and :hover to work, but what I need is :focus to work for keyboard navigation. This is what I've tried:
/* Microsoft EdgeV13&14 CSS styles go here */
@supports (-ms-ime-align: auto) {
div {
&:focus {
background: green;
}
}
}
And variations with the @supports tag. And as an FYI I need to target just as we are leaving how the other browsers handle their focus. Any ideas would be greatly appreciated. I'm also open to using jQuery if that is the best route for this.
For reference, this is this best I could find on focusing on just the Edge browser:
https://jeffclayton.wordpress.com/2015/04/07/css-hacks-for-windows-10-and-spartan-browser-preview/
:focus
. Wouldn't be surprised if there are some bugs, but after running a few (very) quick tests my Edge 16 behaves consistent with FF and Chrome in the way content is:focus
ed. Are you able to provide a working sample?