更改选定退出时的文本输入背景颜色

Question

需要更改哪些属性才能更改所选文本退出时的输入字段颜色？我想去掉高亮的深灰色框

（见下图）

<div id="ember1102" class="ember-view">

   <i class="fa fa-pencil fa-lg editable-row-input-right" style="display:inline-block;  " data-ember-action="1103"></i>
   <input id="alternate-name-1-265140" type="text" class="pure-input-1 pure-input-inline editable-row-input-left ember-view ember-text-field" disabled="">

</div>

css 太庞大了，无法在此处发布所有内容，但这里是最高级别：

.pure-input-1.pure-input-inline.editable-row-input-left {
display:inline-block;
    min-width: 0px;

    cursor: text;

    &:disabled{
        color:inherit;
        background-color: inherit;
        padding-right: 20px;
        &:hover{
            background: inherit !important;
        }
        &:focus{

        }
    }
    &:enabled{
        color:inherit;
        background-color: white;
        &:focus{
            background: white !important;
            border: 2px solid $ecm-dark-blue !important;

        }
        &:hover{
            background: white !important;
        }
    }

}

更改了 chrome 编辑器中的所有颜色属性，但我无法更改背景颜色。

我也试过 background 和 -webkit highlight

Answer 1

这似乎是导致较深灰色背景（或悬停时较亮）的状态组合。查看控制台检查器以查看可以在悬停/模糊时添加/删除哪些类。您还可以（在 Chrome 中）右键单击检查器中的元素并手动应用状态，例如 :hover 和 :focus。也许这可以帮助缩小在这里工作的 css 规则/类。如果 :hover 是虚假的，则 :focus:hover 需要保留的任何 css 都处于活动状态。也许是一个！重要的；条款或其他东西，如果是这样的话。