Skip to content

Instantly share code, notes, and snippets.

@snellingio

snellingio/select.html

Created March 13, 2019 23:34
Show Gist options
  • Save snellingio/70229c5c4743c0f068d8dd118ffa5add to your computer and use it in GitHub Desktop.
Save snellingio/70229c5c4743c0f068d8dd118ffa5add to your computer and use it in GitHub Desktop.
Download ZIP
select
Raw
select.html
<div class="pb-6">
<label for="state" class="w-full block font-semibold pb-1 md:pb-2 select-none text-black dark-mode:text-grey-050">
State
</label>
<div class="w-full block flex">
<div class="relative w-full">
<select class="border border-grey-100 bg-white outline-none px-3 rounded appearance-none outline-none w-full py-3 bg-white text-black focus:border-blue-500" id="state" name="state">
<option value="tx">Texas</option>
<option value="ok" selected="">Oklahoma</option>
<option value="mi">Michigan</option>
</select>
<div class="pointer-events-none absolute pin-y pin-r flex items-center px-2">
<div class="inline-block align-baseline fill-current w-5 h-5 text-grey-400 dark-mode:text-grey-900"
title="">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
<path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment