css - 无法点击隐藏的复选框(Selenium-Webdriver)

Question

我有一个我自己无法解决的问题。

有一个带有复选框的网页。见附件 scr1.png。 复选框是某种装饰(我不知道这是什么技术)。我无法点击它，Webdriver 也看不到它。真正的复选框被隐藏。它隐藏在 CSS 文件中(见 scr1.png 的右上角)

现在，当我在 FireBug 中手动将其从 visibility: none 更改为 visibility: yes 时，页面上会显示真实的复选框(参见屏幕截图 2)。

问题

我正在尝试像这样单击此复选框:

@driver.find_element(:id,"MainContent_chkAuthorize").click

但后来我得到了 Selenium::WebDriver::Error::ElementNotVisibleError: 因为元素是隐藏的，Webdriver 找不到。

1. 有什么办法可以解决这个问题吗？
2. 如何使用 Webdriver 更改可见性？
3. 如何才能最终点击这个元素？

Answer 1

要使复选框可见，您应该更改其 display属性(property)。

input.styled{
  display:block;  // Or you can remove this
}