#background en SVG # @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%; } }