How can I adjust the input field color when text is selected? I'm looking to get rid of the dark grey box highlighting.
(Check out the image below)
https://i.sstatic.net/OgWaz.gif
<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>
The CSS code is too long to include here, but here is an excerpt:
.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;
}
}
}
I've tried changing all the color attributes in Chrome DevTools without success in altering the background color. Additionally, I experimented with 'background' and '-webkit-highlight' properties.