Changing the “Double Arrow” image used by SharePoints WebPart Connections

Question

How do I Change the “Double Arrow” image used in SharePoint's WebPart Connections?

Answer 1

found a way please see below.

 <style>
IMG[src*='/_layouts/15/images/rbsel.gif'] {
    BACKGROUND-IMAGE: url('https://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/checked_checkbox.png');
    WIDTH: 26px;
    HEIGHT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 26px
}
IMG[src*='/_layouts/15/images/rbunsel.gif'] {
    BACKGROUND-IMAGE: url('https://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/unchecked_checkbox.png');
    WIDTH: 26px;
    HEIGHT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 26px;
}
</style>

Answer 2

I don't think this might be the optimize solution. You can write a jquery get the double arrow image and replace it with custom image. E.g:

Get all image with double arrow on the page
 var collection =$('img[src$="rbsel.gif"]');
//loop it
$.each(collection,function(index,item){
  //replace the image src here
$(item).src(tosomething);
});

Hope it helps