AndersonFirmino
12/15/2015 - 12:57 PM

JS BinHow to style a select// source https://jsbin.com/neyola/edit?html,css,output

JS BinHow to style a select// source https://jsbin.com/neyola/edit?html,css,output

index.html
content_copyfile_download
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="How to style a select">
  <meta charset="utf-8">
  <title>Style a select</title>
</head>
<body>
	<select>
			<option>CoffeeScript</option>
			<option selected>JavaScript</option>
			<option>CPP</option>
			<option>Pyhton</option>
	</select>	
</body>
</html>
style.css
content_copyfile_download
select {
   margin: 50px;
    border: 1px solid #111;
   background: transparent;
   width: 150px;
   padding: 5px 35px 5px 5px;
   font-size: 16px;
   border: 1px solid #ccc;
   height: 34px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
    background: url(https://jsbin.com/favicon.ico) 100px no-repeat #eee;
}