从样式表中获取颜色属性

Question

我需要验证div的背景颜色的值。这是 HTML：

<div id="outercontainer" align="left">

有关背景颜色的信息在文件 style.css 中定义，如下所示：

#outercontainer {
    background-color: #EAEAEA;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
    width: 1000px;
    z-index: 2;
}

我尝试使用 selenium.getattribute 命令获取 bgcolor 的值，但 selenium 返回了以下错误消息：

错误：找不到元素属性：css=#oute 会话中的 rcontainer@background-color BC60eb07f15e4e63986634fb59bf58a1

结果为 。 我的代码的这一部分：

try
{
     string atr_str = selenium.GetAttribute("css=#outercontainer@background-color");
     Console.WriteLine(atr_str);
}
catch (SeleniumException)
{
     Console.WriteLine("Color value was not got.");
}

事实上，我尝试了使用不同类型的定位器的不同方法，但没有任何帮助。 你能建议做什么？

Answer 1

我没有 C# 环境来测试它，但类似这样的东西应该可以工作：

string js = "
    window.document.defaultView.getComputedStyle(
        window.document.getElementById('outercontainer'), null).
            getPropertyValue('background-color');
            ";
string res = selenium.GetEval(js);

现在 res 将包含背景颜色的 rgba 值。您必须使用 Javascript，因为 Selenium 不适用于计算样式，仅适用于 HTML 标记本身中定义的样式。

我稍微使用了换行符以保持可读性：js 字符串可以全部放在一行中。

Answer 2

尝试使用：

string rgbaColor = yourElement.GetCssValue("background-color");