@media screen and (-webkit-min-device-pixel-ratio: 0) {
select {
background: url("data:image/svg+xml;utf8,\a <svg width='25' height='22' xmlns='http://www.w3.org/2000/svg'>\a <path d='M4,1 L4,21 L5,21 L5,1 L4,1 Z M4,1' id='lineDark' fill='rgba(213, 213, 213, 0.70)'></path>\a <path d='M5,1 L5,21 L6,21 L6,1 L5,1 Z M5,1' id='lineLight' fill='rgba(254, 255, 255, 0.70)'></path>\a <path d='M11,9 L14.4690265,14 L18,9 L11,9 Z M11,9' id='arrow' fill='rgba(140, 140, 140, 1)'></path>\a </svg>");
background-repeat: no-repeat;
background-position: 100% 50%; }
select:hover {
background: url("data:image/svg+xml;utf8,\a <svg width='25' height='22' xmlns='http://www.w3.org/2000/svg'>\a <path d='M4,1 L4,21 L5,21 L5,1 L4,1 Z M4,1' id='lineDark' fill='rgba(213, 213, 213, 0.70)'></path>\a <path d='M5,1 L5,21 L6,21 L6,1 L5,1 Z M5,1' id='lineLight' fill='rgba(254, 255, 255, 0.70)'></path>\a <path d='M11,9 L14.4690265,14 L18,9 L11,9 Z M11,9' id='arrow' fill='rgba(140, 140, 140, 1)'></path>\a </svg>"), #e8e8e8;
background-repeat: no-repeat, no-repeat;
background-position: 100% 50%, 0% 0%; } }
css
<iframe width="100%" height="344" src="http://snipet.teknotit.com/index.php?embed=54481295c51fc" type="text/html"></iframe>
Texte seul - Permalink - Snippet public posté le 22/10/2014