Javascript 更改选定出口上的文本输入背景色

要更改选定文本出口上的输入字段颜色，需要更改哪些属性？我想删除深灰色框

（见下图）

更改了chrome编辑器中的所有颜色属性，我可以看到没有运气更改背景颜色

---

我也尝试过背景和-webkit高亮显示，这似乎是一种状态组合，它会导致较深的灰色背景（或悬停时较浅）。查看控制台检查器，查看悬停/模糊时可以添加/删除哪些类。您还可以（在Chrome中）右键单击检查器中的元素，并手动应用状态，例如：悬停和：焦点。也许这有助于缩小此处使用的css规则/类的范围。如果：hover是falsy，则当您处于：focus:hover状态时，任何css都处于活动状态。也许是一个！重要的；如果是这样的话

在你的CSS中代表什么？对不起，这是无礼的。我需要换个房间tags@ShadiShaaban-使用sass或更少。它将永远改变你写CSS的方式。@evolutionxbox谢谢你的建议，我会研究它的。谢谢你的帮助！这跟踪到了一个焦点属性。为了解决这个问题，我添加了：

&:focus{background:inherit！important；}

<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>

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

}