更改所選出口處的文本輸入背景色

需要更改哪些屬性以更改所選文本出口處的輸入字段顏色？我想刪除暗灰色框突出更改所選出口處的文本輸入背景色

（見下圖）

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

來源

2016-07-12 ajputnam

在您的CSS中代表什麼？ –

不好意思。我需要更改標籤 – ajputnam

@ShadiShaaban - 使用sass或更少。它會改變你寫CSS的好方法。 – evolutionxbox

這似乎是造成較暗的灰色的背景（或打火機上懸停）狀態的組合。查看控制檯檢查器，查看懸停/模糊時可以添加/刪除哪些類。您也可以（在Chrome中）右鍵單擊檢查器中的元素，然後手動應用狀態，例如：hover和：focus。也許這可以幫助縮小哪些css規則/類在這裏工作。無論您在哪個css處於活動狀態，請注意以下幾點：focus：懸停需要保留，如果：懸停是虛假的。也許一個！重要的;條款或其他情況如果是這樣的話。

來源

2016-07-13 02:50:40 Aetiranos

謝謝你這個工作！這追蹤到一個焦點屬性。我加入來解決這個問題： '＆：focus { \t \t background：inherit！important; \t \t}' – ajputnam

更改所選出口處的文本輸入背景色

回答

相關問題