css - 使用 CSS 覆盖焦点上的表单背景颜色

Question

在 WordPress 站点 http://tinyurl.com/nzm9orn使用 Lingonberry 主题我试图覆盖文本区域的背景颜色。现在是:

.content form input[type="text"]:focus, .content form input[type="email"]:focus, .content form input.password:focus, .content form textarea:focus {
    background-color: #2D3642;
    border-color: #2B323A;
    color: #FFFFFF;
    outline: medium none;
}

我尝试使用 !important 使用类似代码覆盖我的 WordPress 子主题 CSS，但没有成功。反正我真的不喜欢使用那个重写。然后我尝试了

/* Comment Box onfocus color */

.single .content form input[type="text"]:focus, .single  .content form input[type="email"]:focus, .single  .content form input.password:focus, .single  .content form textarea:focus {
    background-color: #fafafa; /*gray*/
}

那也行不通。有什么想法我想念的吗？

附言发表评论按钮的类似问题。无法以某种方式找到 CS 覆盖

Answer 1

我的子主题样式表中有错误。缺少大括号导致解析错误:

313     .content-inner:before   Parse Error .content-inner { width: 87.5%; float: right; position: relative; padding: 5.5%; box-shadow: none; } 

在我添加花括号后标准覆盖:

.content form textarea:focus
{
    background-color:#FAFAFA;
}

成功了:)