選択した出口のテキスト入力背景色を変更します

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

} 

クロムエディタの色属性がすべて変更されていますが、バックカラーを変更する運がないことがわかります。

私も背景と-webkitハイライト

Answer 1

（ホバー上または軽い）暗い灰色の背景を引き起こす状態の組み合わせのように見えるを試みました。コンソールインスペクタを表示して、ホバー/ぼかしで追加/削除するクラスを確認します。インスペクタ内の要素を（Chromeで）右クリックして、ホバーと：フォーカスのような状態を手動で適用することもできます。おそらく、これはどのCSSルール/クラスがここで働いているかを絞り込むのに役立ちます。あなたがいる間、どんなCSSがアクティブであっても：フォーカス：ホバーは、ホバーが偽である場合に残る必要があります。たぶん重要！そうであれば何かをすることができます。