Form Dropdown

Styled Dropdown Select

Adding the class wsol-select to the select element will apply a custom style to the dropdown using javascript.

See the Pen Components – Dropdowns: Custom Select by Working Solutions (@wsol) on CodePen.

Styled Dropdown Select Blue

Adding the class wsol-select-blue to the select element will apply a custom blue style to the dropdown using javascript.

See the Pen Components – Dropdowns: Custom Select Dropdown Blue by Working Solutions (@wsol) on CodePen.

Styled Menu

See the Pen Components – Dropdowns: Styled Menu by Working Solutions (@wsol) on CodePen.

Large Buttons

Primary

See the Pen Components – Dropdowns: Primary by Working Solutions (@wsol) on CodePen.

Success

See the Pen Components – Dropdowns: Success by Working Solutions (@wsol) on CodePen.

Danger

See the Pen Components – Dropdowns: Danger by Working Solutions (@wsol) on CodePen.

Warning

See the Pen Components – Dropdowns: Warning by Working Solutions (@wsol) on CodePen.

Info

See the Pen Components – Dropdowns: Info by Working Solutions (@wsol) on CodePen.

Small Buttons

Primary

See the Pen Components – Dropdowns: Primary Small by Working Solutions (@wsol) on CodePen.

Success

See the Pen Components – Dropdowns: Success Small by Working Solutions (@wsol) on CodePen.

Danger

See the Pen Components – Dropdowns: Danger Small by Working Solutions (@wsol) on CodePen.

Warning

See the Pen Components – Dropdowns: Warning Small by Working Solutions (@wsol) on CodePen.

Info

See the Pen Components – Dropdowns: Info Small by Working Solutions (@wsol) on CodePen.

Split Buttons

Primary

See the Pen Components – Dropdowns: Split Buttons Primary by Working Solutions (@wsol) on CodePen.

Success

See the Pen Components – Dropdowns: Split Buttons Success by Working Solutions (@wsol) on CodePen.

Danger

See the Pen Components – Dropdowns: Split Buttons Danger by Working Solutions (@wsol) on CodePen.

Warning

See the Pen Components – Dropdowns: Split Buttons Warning by Working Solutions (@wsol) on CodePen.