A CodePen by Geoff Graham. Style Heading Selections - Just playing off the sweetness over at http://responsive-nav.com/.

index.html

<h1>Nice selection, buddy</h1>
<p>Highlight the heading and let's see how this works as well as it does <a href="http://responsive-nav.com/">here</a>.</p>

style.scss

@import "compass";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800);

body {
  background-image: url(http://subtlepatterns.com/patterns/grey.png);
  font-family: 'Open Sans';
}

h1 {
  color: #444;
  font: 800 350%/1.4 'Open Sans', sans-serif;
  text-transform: uppercase;
}

h1::selection {
  -webkit-text-stroke: 4px #fb8a05;
  color: transparent;
}

a {
  color: #fb8a05;
  text-decoration: none;
  &:hover { color: #532600; }
}