Skip to content

Instantly share code, notes, and snippets.

@skipshean
Created January 29, 2016 20:58
Show Gist options
  • Select an option

  • Save skipshean/7eec7c48934d4e691950 to your computer and use it in GitHub Desktop.

Select an option

Save skipshean/7eec7c48934d4e691950 to your computer and use it in GitHub Desktop.
Example easirent CSS
<!-- the actual drop down styling -->
select[multiple], select[size]{
margin: 3px; <!-- space around the individual fields -->
background: transparent;
padding: 5px 35px 5px 5px; <!-- space inside of each field to the text -->
font-size: 16px;
border: 1px solid #ccc; <!-- the light gray line around each field -->
<!-- these clear the default styling of the drop down menus and make it something you can style -->
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
<!-- button style -->
input[type=submit]{
margin: 15px 0px;
border: 2px solid #006633;
color: #f7f7f7;
font-weight: bold;
font-size: 200%;
background-color: green;
width: 100%;
border-radius: 6px;
}
<!-- Promo Code field -->
#promCode{
width: 68%;
text-align: center;
border-radius: 6px;
border: 1px #ccc;
margin: 6px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment