javascript - Styling a input's background color and removing the disabled red circle when hovering over it? -


is possible remove red circle when hovering on disabled input. i'm using bootstrap's form-control , when disabled shows red circle when hover on it. can remove red circle? can change background color of input?

tried both in fiddle, didn't have luck.

.bcolor {      background-color: "#fffff;"  }
<div class="input-group">    <span class="input-group-addon" id="basic-addon1">home</span>    <input type="text" class="form-control bcolor" placeholder="username" aria-describedby="basic-addon1" disabled>  </div>

your first issue here background color property setting has invalid syntax.

background-color: "#xxxxxx;" 

this should not have quotes.


your second problem css specificity. may want read on that. either way, can solved making rule more specific, adding containers, , attributes rule, [disabled], or can take easy way out , use !important clause.

background-color: #xxxxxx !important; 

jsfiddle


Comments

Popular posts from this blog

shopping cart - Page redirect not working PHP -

php - How to modify a menu to show sub-menus -

python - Installing PyDev in eclipse is failed -