Skip to content

Instantly share code, notes, and snippets.

Created October 23, 2013 23:20
Show Gist options
  • Save anonymous/7128568 to your computer and use it in GitHub Desktop.
Save anonymous/7128568 to your computer and use it in GitHub Desktop.
.slider {
border-radius: 15px;
position:relative;
background: #ccc;
height: 200px;
width: 20px;
}
.handle {
background: #eee;
width: 15px;
height: 15px;
border-radius: 15px;
display:block;
position:absolute;
margin:2px;
}
.range {
border:none;
background:transparent;
width: 20px;
text-align:center;
font-size: 8px;
font-family: sans-serif;
}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<input type="range" />
$('input[type=range]').rangeinput();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment