title: How to set different cursors for an element and it's border
body: <p>How to set different cursors for an element and it's border ?
  PSEUDO elements ? is there a way ? 
  Note: Yes it can be done via JS, i was looking for a way using pure CSS with a single element.</p>