html - Textbox hover background image moves and re-sizes -


i have attempted put in background image on kendo ui textbox.

it's when don't hover on it.

enter image description here

but hover on it, happens:

enter image description here

how fix this? when hover , click textbox, image needs stay @ same place.

here html adding textbox:

@html.kendo().textboxfor(vm => vm.username) 

here css adding background in:

#username.k-textbox{      background-image:url(/images/user_icon.svg);        }  input.k-textbox{     background-size:19px;     background-repeat:no-repeat;     background-position:12px 50%;            outline: none;     display: inline-block; } 

solved own problem. needed override hover setting textbox css.

here additional code added:

input.k-textbox:hover{     background-size:19px;     background-repeat:no-repeat;     background-position:12px 50%; } 

Comments

Popular posts from this blog

apache - PHP Soap issue while content length is larger -

asynchronous - Python asyncio task got bad yield -

javascript - Complete OpenIDConnect auth when requesting via Ajax -