如何使网站上的所有按钮都无法使用

时间:2014-09-29 09:55:45

标签: html css html5

有没有办法让所有按钮都无法使用CSS?

现在我正在添加tabindex =" -1"对我网站上的所有按钮,但css规则将减少未来错误的机会。

修改

因为看起来这对纯CSS来说是不可能的,所以纯粹的javascript或角度解决方案是可以接受的。

1 个答案:

答案 0 :(得分:2)

纯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向元素添加属性。喜欢&#39; tabindex&#39;,&#39; id&#39;等等... 你可以使用JQuery

来做到这一点
$(":button").each(function (i) { $(this).attr('tabindex','-1'); });

尝试使用jQuery

请参阅按钮选择器。 http://api.jquery.com/button-selector/