I've been trying to set a background image on a Kendo UI Textbox.
It looks good until you hover over it.
But when you do hover over it, this issue arises:
How can I resolve this? The background image should remain in place even when I hover and click inside the Textbox.
Below is the HTML code for adding the Textbox:
@Html.Kendo().TextBoxFor(vm => vm.Username)
And here's the CSS for setting the background image:
#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;
}