as you know, there is a drop down arrow in each SharePoint list column, which provides nice filter capability and you can do a multiple value selections;however, the drawback is that the arrow icon is only shown when mouseover it. don’t know what the logic behind but I feel it is not intuitive at all, as such i want to add a CSS code to make the arrow always visible. Initially i added the following snippet:

.ms-headerSortArrowLink {     display: inline-block!important; } 

it doesn’t work, so i checked the code element. I don’t know why I cannot style the class “.ms-headerSortArrowLink”, and when i changed the inline to , the arrow icon becomes visible in one column but still hidden in the rest. Would you please help me how to make the arrow icon always visible? In addition, what I can do if i want to replace the existing arrow icon? I saw the image source is “src=”/_layouts/15/images/ecbarw.png?rev=23”, but i don’t know how to replace it. thanks for your help!