在所选出口上更改文本输入背景颜色

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编辑器中的所有颜色属性，没有运气改变背面颜色。

我也尝试了背景和-webkit突出显示

Answer 1

它似乎是导致深灰色背景（或悬停时更亮）的状态组合。查看控制台检查器以查看在悬停/模糊时可以添加/删除的类。您也可以（在Chrome中）右键单击检查器中的元素并手动应用以下状态：hover和：focus。也许这可以帮助缩小css规则/类在这里工作的范围。无论你有什么css是活跃的：焦点：如果：悬停是假的，则需要保留悬停。也许是一个！重要的;条款或其他内容，如果是这样的话。