Skip to content

Instantly share code, notes, and snippets.

@JuanMaRuiz
Last active August 29, 2015 13:56
Show Gist options
  • Save JuanMaRuiz/9113785 to your computer and use it in GitHub Desktop.
Save JuanMaRuiz/9113785 to your computer and use it in GitHub Desktop.
Custom select without background (well not really) but works properly on IE8.
/* For custom select without background (well not really) but works properly on IE8 */
.select-input {
height: 38px;
border-radius: 5px;
border: 1px solid #b3b3b3;
background: #fff url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBvbHlnb24gcG9pbnRzPSI4LDAgMyw2IDEzLDYiIGZpbGw9IiM0NDQiLz48cG9seWdvbiBwb2ludHM9IjgsMCAzLDYgMTMsNiIgZmlsbD0iIzQ0NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYsIDE1KSByb3RhdGUoLTE4MCkiLz48L3N2Zz4=);
font-size: 15px;
font-size: 1.071rem;
line-height: 1.25em;
padding: 0.5em 1.2em 0.5em 0; /* 8px */
font-family: Arial, sans-serif;
color: #333;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-indent: 10px;
min-width: 70px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background-repeat: no-repeat;
background-position: 92% 50%;
background-size: 1em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment