Question

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

.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;
}

我尝试用我的WordPress子主题CSS覆盖！important使用类似的代码，但它没有用。真的不喜欢使用覆盖..然后我尝试了

/* 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*/
}

这也行不通。我缺少什么想法？

P.S。与评论按钮类似的问题。无法以某种方式找到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;
}

确实有效：）

Answer 2

我已在样式表的末尾添加了这个并且它可以正常工作

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

并相应地更改值。

最好在新样式表中使用自定义sytles并在HTML中引用它

Answer 3

ID的第一个解决方案ID

input#author:focus {
    background-color: red !important;
}

第二：对于您要更改的每个输入，添加一个全局命名类，然后确定属性，如

<input id="author" class="GlobalName" name="author" type="text" placeholder="Name" value="" size="30">

<input id="email"  class="GlobalName" name="email" type="text" placeholder="Email" value="" size="30">

以你的风格

input.GlobalName:focus
{
    background-color:red !important;
}

第3次解决方案

.content form input[type="text"]:focus, .content form input[type="email"]:focus, .content form input.password:focus, .content form textarea:focus
{
    background-color:red !important;
}

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

3 个答案: