Marcador em formato de seta.

/*---- Quero Dicas - http://querodicasde.blogspot.com ----*/

.label-size{margin:0;padding:0;position:relative;}

.label-size a

{float:left;

height:24px;

line-height:24px;

position:relative;

font-size:12px;

margin-bottom: 9px;

margin-left:20px;

padding:0 10px 0 12px;

background:#FF69B4;  /*----cor do fundo----*/

color:#FFFFFF; /*----cor da fonte ----*/

text-decoration:none;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;}

 

.label-size a:before

{content:"";float:left;

position:absolute;

top:0;

left:-12px;

width:0;

height:0;

border-color:transparent #40E0D0 transparent transparent; /*----cor da seta----*/

border-style:solid;border-width:12px 12px 12px 0;}

 

.label-size a:after{content:"";

position:absolute;

top:10px;

left:0;

float:left;

width:4px;height:4px;-moz-border-radius:2px;-webkit-border-radius:2px;

border-radius:2px;

background: #FFFFFF; /*----cor da bolinha----*/

 

-moz-box-shadow:-1px -1px 2px #FF69B4;/*----cor da seta houver----*/

-webkit-box-shadow:-1px -1px 2px #FF69B4;/*----cor da seta houver----*/

box-shadow:-1px -1px 2px #FF1493;}

.label-size a:hover{background: #40E0D0;}/*----cor houver----*/

.label-size a:hover:before{border-color:transparent #FF69B4 transparent transparent;}  /*----cor da seta houver----*/