As I see from the Telerik Demos this is the standard behavior for the current selected item until you select by click another one. If you like to change that, and only the hovered item to be highlighted, but not the previous selected, please add that CSS code into the head of your page:
<style type="text/css">
.rfdSelect_selected
{
background: none!important;
}
.rfdSelect_selected:hover
{
background: #d1e9f8!important;
}
</style>
Please note, that for the above CSS code I am using the color palette for WebBlue theme, which should be the theme that you are using also as I see from your picture attached. If you are using another theme you should change the hover state:
<style type="text/css">
.rfdSelect_selected
{
background: none!important;
}
.rfdSelect_selected:hover
{
background: #YourColor!important;
}
</style>
You could see from the picture attached that the code above colors only the hovered state from the list.
,All the best,
Bojo
the Telerik team
Do you want to have your say when we set our development plans?
Do you want to know when a feature you care about is added or when a bug fixed?
Explore the
Telerik Public Issue Tracking
system and vote to affect the priority of the items.