
In each iteration, it passes the case to child component, which then displays the relevant details. Parent component's job is to get list of cases from server. There is an item that is clicked on, and there is an item that has mouse hove (blue boundary)Īs far as implementation goes, i have a parent component - maM圜asesListView, and a child component maCaseListItem Here is a sample picture that shows the desired result. Which also implies that if a different list item is selected, previously selected item should go back to it's original background color. When a list item is selected (clicked), it's background color should change to dark blue.When mouse is hovered over a list item, it's border should become blue.Simply add this code to your child theme’s style.css file and change the hex code colors to your own liking.

Not only can you change the color, you can also change the type of font and font color when text is selected and highlighted on your site. Once the list is visible, there are two things i need to do with css that i am struggling with - By default, the color used when you highlight text on a website is blue.
