从网页获取文本的背景颜色答案

【问题标题】：Get background color of text from webpage从网页获取文本的背景颜色
【发布时间】：2013-08-26 06:05:15
【问题描述】：

我的网络应用程序有主要和次要搜索。

根据搜索词，Web 应用程序以蓝色突出显示第一个搜索词，而第二个搜索词（或在他们所称的范围内搜索）以紫色突出显示。这主要是在我们无权访问的后端使用 java 脚本完成的。

我需要自动化这个场景，因为页面源中没有看到元素的颜色，所以我无法使用 selenium 识别元素的背景颜色。

请建议我一个合适的解决方案来获取搜索词的背景颜色

【问题讨论】：

自动化是什么意思？您是在寻找样式还是如何直接在 Javascript 中进行更改？
目前我正在使用 selenium 进行自动化测试。我可以输入主要和次要搜索词。我只想看看背景颜色是否使用自动化正确突出显示
我需要检查颜色背景是否正确突出显示以进行主要和次要搜索。
你能把搜索按钮的html放在搜索前，第一个搜索词和第二个搜索词。

标签： java css selenium automation selenium-webdriver

【解决方案1】：

据我所知，到目前为止，您想为访问搜索链接设置锚点样式。可以使用任何 CSS 属性（例如颜色、字体系列、背景等）对链接进行样式设置。此外，链接的样式可以根据它们所处的状态而有所不同。

四个链接状态是：

a:link - a normal, unvisited link
a:visited - a link the user has visited
a:hover - a link when the user mouses over it
a:active - a link the moment it is clicked

您可以通过直接在您的 css 外部或内联文件中设置锚标记的样式来更改链接的任何背景颜色。这也可以通过 Javascript 或 Jquery 样式属性非常容易地处理。看看下面的例子，看看它是否是你需要你的链接表现的方式。

a:link {color:#FF0000;}      /* unvisited link*/
a:visited {color:#000000;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

记住处理顺序

来源：http://www.w3schools.com/css/css_link.asp

看看这是不是你要找的。p>

【讨论】：

【解决方案2】：

您可以使用 style="text-decoration : none;" 删除默认链接样式对于'a'标签

<a href="#" style="text-decoration : none;"> This link is not underlined.</a>

【讨论】：

感谢 Udara，您的解决方案将在预加载和静态背景颜色时起作用。在我的场景中，文本的背景颜色正在根据搜索词动态更改，我需要检查这种场景