html - How to disable Directional focus navigation inCSS -

in example below, disable

directional focus navigation: ‘nav-up’, ‘nav-right’, ‘nav-down’, ‘nav-left’ properties

for elements in html page.

button { position:absolute }  button#b1 {     top:0; left:50%;     nav-index:1;     nav-right:#b2; nav-left:#b4;     nav-down:#b2; nav-up:#b4; }  button#b2 {     top:50%; left:100%;     nav-index:2;     nav-right:#b3; nav-left:#b1;     nav-down:#b3; nav-up:#b1; }  button#b3 {     top:100%; left:50%;     nav-index:3;     nav-right:#b4; nav-left:#b2;     nav-down:#b4; nav-up:#b2; }  button#b4 {     top:50%; left:0;     nav-index:4;     nav-right:#b1; nav-left:#b3;     nav-down:#b1; nav-up:#b3; } 

example http://www.w3.org/tr/css3-ui/#nav-dir

any idea how it?

you should try

* {    nav-right: #non-existing-id;     nav-left: #non-existing-id;    nav-down: #non-existing-id;    nav-up: #non-existing-id; } 

asterisk targets every css object, , targeting non existing id make nav key not move anywhere.