html - 如何在 CSS 中禁用定向焦点导航

Question

在下面的这个例子中，我想禁用

定向焦点导航：'nav-up'、'nav-right'、'nav-down'、'nav-left' 属性

对于 HTML 页面中的任何元素。

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;
}

来自 http://www.w3.org/TR/css3-ui/#nav-dir的示例

知道怎么做吗？

Answer 1

你应该试试

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

星号针对每个 css 对象，并且针对不存在的 id 将使您的导航键不会移动到任何地方。