Skip to content

Instantly share code, notes, and snippets.

@jrvaja
Created June 21, 2012 05:10
Show Gist options
  • Save jrvaja/2963992 to your computer and use it in GitHub Desktop.
Save jrvaja/2963992 to your computer and use it in GitHub Desktop.
Snippet:MultipleChoiseStyle
/********************************************
Select Multiple Style-HTML
*******************************************/
<div class="setbgToSelector">
<select name="" id="" class="selector-que">
<option value="MultipleChoise">MultipleChoise</option>
</select>
</div>
/********************************************
Select Multiple Style-CSS
*******************************************/
.label-form{
float: left;
width:80px;
margin-left: 15px;
line-height:1.8em;
font-family:droidsansbold;
color: #444444;
font-size:14px;
}
.input-text-que{
position: relative;
width:310px;
border:1px solid #ccc;
padding: 5px 10px;
border-radius:12px;
behavior: url(PIE.htc);
font-size:12px;
font-family:droidsansnormal;
}
.setbgToSelector{
position: relative;
width:130px;
height:22px;
float: left;
background: #036564;
border-radius:12px;
behavior: url(PIE.htc);
padding: 2px 10px;
}
.selector-que{
position: absolute;
left:8px;
width:130px;
height:22px;
background-color: #036564;
/*background-color: red;*/
float: left;
border:none;
font-family:droidsansbold;
overflow: hidden;
}
option{
color: #ffffff;
font-family:droidsansnormal;
font-size:12px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment