Pens from Kelsey https://codepen.io/kelseyhisek/ en nospam@codepen.io Copyright 2024 2014-11-07T21:39:39-07:00 Site-Wide Select-Nav https://codepen.io/kelseyhisek/pen/emOvLj https://codepen.io/kelseyhisek/pen/emOvLj Kelsey

See the Code - See it Full Page - See Details

Low-fi solution to get a select-menu to display the right `option` when using this select for site-wide navigation (_maybe for small screens_), for otherwise with each page refresh it will jump to the top option when there is no `selected` attribute with a value of selected set for the corresponding page on that corresponding option. Comes with a fix for IOS' system-wide behaviour of "_always-jumping-to-the-top-option_" even if there **is** a `selected` attribute set. [read more about it here](http://codepen.io/atelierbram/blog/select-menu-hashchange) Forked from [Bram de Haan](http://codepen.io/atelierbram/)'s Pen [Site-Wide Select-Nav](http://codepen.io/atelierbram/pen/GjLvw/).

]]>
Site-Wide Select-Nav 2014-11-07T21:39:39-07:00
Custom select https://codepen.io/kelseyhisek/pen/poMBBK https://codepen.io/kelseyhisek/pen/poMBBK Kelsey

See the Code - See it Full Page - See Details

Design by Yoann HELIN http://yoannhelin.fr Inspired by wallaceerick : http://codepen.io/wallaceerick Forked from [Yoann](http://codepen.io/yoannhel/)'s Pen [Custom select](http://codepen.io/yoannhel/pen/fzdam/).

]]>
Custom select 2014-11-05T17:47:16-07:00
Basic hotel booking form https://codepen.io/kelseyhisek/pen/BaXEEZ https://codepen.io/kelseyhisek/pen/BaXEEZ Kelsey

See the Code - See it Full Page - See Details

Temp hotel booking form with floating labels Forked from [Andi Dysart](http://codepen.io/andiio/)'s Pen [Basic hotel booking form](http://codepen.io/andiio/pen/tFECp/).

]]>
Basic hotel booking form 2014-11-05T17:44:36-07:00
Basic hotel booking form https://codepen.io/kelseyhisek/pen/YzmMMw https://codepen.io/kelseyhisek/pen/YzmMMw Kelsey

See the Code - See it Full Page - See Details

Temp hotel booking form with floating labels Forked from [Andi Dysart](http://codepen.io/andiio/)'s Pen [Basic hotel booking form](http://codepen.io/andiio/pen/tFECp/).

]]>
Basic hotel booking form 2014-11-05T17:41:29-07:00
Styled Select https://codepen.io/kelseyhisek/pen/KKOYER https://codepen.io/kelseyhisek/pen/KKOYER Kelsey

See the Code - See it Full Page - See Details

Example of styling a select element purely with CSS. Forked from [Ara Abcarians](http://codepen.io/itsMeAra/)'s Pen [Styled Select](http://codepen.io/itsMeAra/pen/Bcfbe/).

]]>
Styled Select 2014-11-05T17:39:46-07:00
Simple Dropdown styled box https://codepen.io/kelseyhisek/pen/ExqJGM https://codepen.io/kelseyhisek/pen/ExqJGM Kelsey

See the Code - See it Full Page - See Details

For menu or form element replacement for selection Forked from [Nodws](http://codepen.io/nodws/)'s Pen [Simple Dropdown styled box](http://codepen.io/nodws/pen/sgLyH/). Forked from [Antorni](http://codepen.io/Antorni/)'s Pen [Simple Dropdown styled box](http://codepen.io/Antorni/pen/fdrzq/).

]]>
Simple Dropdown styled box 2014-11-05T17:28:09-07:00
Simple Dropdown styled box https://codepen.io/kelseyhisek/pen/ZEgZqM https://codepen.io/kelseyhisek/pen/ZEgZqM Kelsey

See the Code - See it Full Page - See Details

For menu or form element replacement for selection Forked from [Nodws](http://codepen.io/nodws/)'s Pen [Simple Dropdown styled box](http://codepen.io/nodws/pen/sgLyH/). Forked from [Antorni](http://codepen.io/Antorni/)'s Pen [Simple Dropdown styled box](http://codepen.io/Antorni/pen/fdrzq/).

]]>
Simple Dropdown styled box 2014-11-05T17:26:45-07:00
Simple Dropdown styled box https://codepen.io/kelseyhisek/pen/qBewMz https://codepen.io/kelseyhisek/pen/qBewMz Kelsey

See the Code - See it Full Page - See Details

For menu or form element replacement for selection Forked from [Nodws](http://codepen.io/nodws/)'s Pen [Simple Dropdown styled box](http://codepen.io/nodws/pen/sgLyH/). Forked from [Antorni](http://codepen.io/Antorni/)'s Pen [Simple Dropdown styled box](http://codepen.io/Antorni/pen/fdrzq/).

]]>
Simple Dropdown styled box 2014-11-05T17:13:34-07:00
A Pen by Kelsey https://codepen.io/kelseyhisek/pen/gONbKx https://codepen.io/kelseyhisek/pen/gONbKx Kelsey

See the Code - See it Full Page - See Details

]]>
A Pen by Kelsey 2014-10-25T14:17:16-07:00
A Pen by Kelsey https://codepen.io/kelseyhisek/pen/yLWweg https://codepen.io/kelseyhisek/pen/yLWweg Kelsey

See the Code - See it Full Page - See Details

]]>
A Pen by Kelsey 2014-10-23T22:30:49-07:00