You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
1.7 KiB
HTML
45 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
|
|
<!--[if IE 7]> <html class="lt-ie9 lt-ie8" lang="en"> <![endif]-->
|
|
<!--[if IE 8]> <html class="lt-ie9" lang="en"> <![endif]-->
|
|
<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<title>Dark and Light Dropdown Lists</title>
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
|
</head>
|
|
<body>
|
|
<section class="container">
|
|
<div class="dropdown">
|
|
<select name="one" class="dropdown-select">
|
|
<option value="">Select…</option>
|
|
<option value="1">Option #1</option>
|
|
<option value="2">Option #2</option>
|
|
<option value="3">Option #3</option>
|
|
</select>
|
|
</div>
|
|
<div class="dropdown dropdown-dark">
|
|
<select name="two" class="dropdown-select">
|
|
<option value="">Select…</option>
|
|
<option value="1">Option #1</option>
|
|
<option value="2">Option #2</option>
|
|
<option value="3">Option #3</option>
|
|
</select>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="about">
|
|
<p class="about-links">
|
|
<a href="http://www.cssflow.com/snippets/dark-and-light-dropdown-lists" target="_parent">View Article</a>
|
|
<a href="http://www.cssflow.com/snippets/dark-and-light-dropdown-lists.zip" target="_parent">Download</a>
|
|
</p>
|
|
<p class="about-author">
|
|
© 2012–2013 <a href="http://thibaut.me" target="_blank">Thibaut Courouble</a> -
|
|
<a href="http://www.cssflow.com/mit-license" target="_blank">MIT License</a><br>
|
|
</p>
|
|
</section>
|
|
</body>
|
|
</html>
|