Ändern der Texteingabehintergrundfarbe am ausgewählten Exit

Question

Welche Eigenschaft muss geändert werden, um die Eingabefeldfarbe beim ausgewählten Text-Exit zu ändern? Ich will die dunkelgraue Box

Hervorhebung entfernen (siehe Bild unten)

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

Die CSS ist zu massiv, alles zu schreiben hier aber hier ist die höchste Stufe:

änderte alle Farbenattribute im Chromeditor, den ich sehen kann, ohne Glück die hintere Farbe ändernd.

Ich habe auch versucht, Hintergrund und -webkit Highlight

Answer 1

Es scheint eine Kombination von Zuständen zu sein, die den dunkleren grauen Hintergrund (oder leichter auf schweben) verursachen. Zeigen Sie den Konsoleninspektor an, um zu sehen, welche Klassen bei Hover/Blur hinzugefügt/entfernt werden können. Sie können auch (in Chrome) mit der rechten Maustaste auf das Element im Inspektor klicken und manuell Zustände wie: hover und: focus anwenden. Vielleicht kann dies helfen einzugrenzen, welche CSS-Regel/Klasse hier am Werk ist. Was auch immer CSS ist aktiv, während Sie sind: Fokus: Hover muss bleiben, wenn: Hover ist Falsy. Vielleicht ein! Wichtig; Klausel oder etwas, wenn das der Fall ist.