Skip to content

Instantly share code, notes, and snippets.

@sei0o
Last active August 29, 2015 13:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sei0o/8926968 to your computer and use it in GitHub Desktop.
Save sei0o/8926968 to your computer and use it in GitHub Desktop.
BlackUI - select element style ( CSS3: appearance, transition, text-overflow ... )
.bui_select{
display:inline;
position:relative;
&:after {
content: "";
position: absolute;
top: 50%;
right: 20px;
display: block;
width: 0;
height: 0;
margin: -3px 0 0 0;
border-top:6px solid white;
border-right:6px solid transparent;
border-left:6px solid transparent;
transition: .2s;
}
&:hover{
&:after{
content: "";
top: 60%;
}
}
select{
appearance: none;-moz-appearance: none;-webkit-appearance: none;
box-sizing: border-box;-moz-box-sizing: border-box;
border:none;
background-color: #222;
color:white;
border-radius:3px;
font-size:17px;
padding:5px;
margin:5px;
text-overflow: "";/* Firefix */
text-indent: .01px;
transition: .2s;
.mini{
width:100px !important;
}
option{
border:none;
position:absolute;
&:first-of-type{
color:#aaa;
}
}
}
}
@sei0o
Copy link
Author

sei0o commented Feb 11, 2014

GitHubのエディターよくわからん

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment