如何断言/定位具有禁用选择器的按钮

时间:2016-08-29 13:12:26

标签: css

我可能需要一些帮助来访问按钮上的属性(作为示例) 我正在使用Nightwatch编写端到端测试,我们必须使用locale元素来断言不同的东西。

我有以下图片:

enter image description here

在这里,您可以看到按钮作为类(首选操作)和id(SubmitContinue)以及禁用的属性。

我知道如何定位类,例如: .classname 或id #idname

如何声明此按钮具有禁用属性?

3 个答案:

答案 0 :(得分:1)

使用属性选择器[attr=value]



button[disabled="disabled"] {
  background: lightblue;
}

<button class="random" id="random" disabled="disabled">Button</button>
&#13;
&#13;
&#13;

如果您想选择属性为disabled的按钮,无论该值是什么,您都可以使用[attr]选择器

&#13;
&#13;
button[disabled] {
  background: lightblue;
}
&#13;
<button class="random" id="random" disabled="disabled">Button</button>
<button class="random" id="random" disabled="enabled">Button</button>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

你可以用jquery做到这一点:

$('#SubmitContinue').attr("disabled", true);

答案 2 :(得分:0)

不幸的是我还没有评论,但除了Nenad Vracar的回答:

由于disabled属性是一个布尔属性(参见W3C),在场意味着真,缺席意味着虚假(即disableddisabled="disabled"甚至disabled="false"都是相同)。所以button[disabled]选择器应该总是好的。