Skip to content

Instantly share code, notes, and snippets.

@MoisesTedeschi

MoisesTedeschi/select.html

Created July 19, 2021 22:01
Show Gist options
  • Save MoisesTedeschi/f0cc3ea6b24bab0cc6ba9dabc2bfd429 to your computer and use it in GitHub Desktop.
Save MoisesTedeschi/f0cc3ea6b24bab0cc6ba9dabc2bfd429 to your computer and use it in GitHub Desktop.
Download ZIP
Select itens HTML/CSS
Raw
select.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link href="" rel="stylesheet" type="text/css" />
</head>
<style>
select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: #FFFFFF;
background-position: right center;
background-repeat: no-repeat;
background-size: 1ex;
background-origin: content-box;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAhklEQVQoU5WR0Q2DMAxEXzZgpHaCwgbtBjfKbVCYADpBV2IElApQCgEUf0Wxz/dsBwojFNZTLpB0Ayrbw5mbpBoYw/zogZftNieS9ATeQPNDSj52om1unSHtsuDl3P+GlhSRHsB9RvsCnW0tqLstJaJY87Ed+dfIrlWSY0Xa+dDh6pDFh5sA44wxPQT6sjQAAAAASUVORK5CYII=");
border: 2px solid #E5EDF4;
border-radius: 10px;
color: #171717;
font-size: 14px;
padding: 8px;
height: 40px;
width: 237px
}
</style>
<body>
<select>
<option disabled selected>Selecionar</option>
<option>Alimentação</option>
<option>Notícias</option>
<option>Esporte</option>
<option>Saúde</option>
</select>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment