Select Fields (Old Style)

TIP

Default Select Boxes are replaced via the Select2 Library – Version4.1.0-rc.0. Use the class js-select2 (JS) if you want to use Select2, or just c-select for the look.

• search is hidden per default, add the attribute data-search to enable it
• if you want to allow custom options tags, add data-custom-options
  
  See Select for more information on usage and API.

.c-select.-old

INFO

mggI.E.

Without Select2

INFO

Select Field with classes "c-select -old"Second itemThird itemSelect Field with Empty Class AttributeSecond itemThird itemSelect Field with Fallback Class "auto-width"Second itemThird itemSelect Field with Fallback Class "inline"Second itemThird itemSelect Field without Class AttributeSecond itemThird item

Plausi Select Modifiers

.c-select.-old.-white.c-select.-old.-error.c-select.-old.-highlight

For more variants and modifiers

see Input Wraps with Prefixes, Unit-(Selects) or Icons

INFO

mggI.E.mggI.E.mggI.E.

Word Wrapping Demos

INFO

height: fixed / text-overflow: ellipsisloremipsumdolorsitametconsecteturadipisicielitlorem ipsum dolor sit amet consectetur adipisici elit