css - 如何使网站上的所有按钮都无法打开

Question

有没有一种方法可以使用 CSS 使所有按钮都变成 untabbable？

现在我正在将 tabindex="-1"添加到我网站上的所有按钮，但 css 规则会减少 future 出现错误的可能性。

编辑

既然看起来这对于纯 CSS 是不可能的，那么纯 javascript 或 Angular 解决方案是可以接受的。

Answer 1

纯 JavaScript 的答案。 (没有 JQuery 等...)

var buttons = document.getElementsByTagName('button');

这将找到所有按钮元素，

for (var i = 0; i < buttons.length; i++) {
    var button = buttons[i];
    button.setAttribute("tabindex","-1");
}

这应该有效。

你也可以使用JQuery

您不能使用 CSS 向元素添加属性。像'tabindex'，'id'等... 你可以使用 JQuery 来完成

$(":button").each(function (i) { $(this).attr('tabindex','-1'); });

用 jQuery 试试这个

引用按钮选择器。 http://api.jquery.com/button-selector/