Изменить цвет фона ввода текста на выбранном выходе

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> 

устанавливаемыми сотовыми является массивным, чтобы получить возможность отправлять все это здесь, но здесь самый высокий уровень:

.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 rule/class работает здесь. Независимо от того, какой css активен, пока вы находитесь: focus: hover должен оставаться, если: hover - это ложь. Может быть, важно! или что-то в этом случае.