下拉列表（Select）

默认

自定义code>菜单只需要一个自定义类.form-select就可以触发自定义样式。自定义样式仅限于select的初始外观，并且由于浏览器的限制，无法修改。

Open this select menu

One

Two

Three

Copy

Open this select menu

One

Two

Three

大小

Y您也可以选择从小型和大型定制选择，以匹配我们同样大小的文本输入。

Open this select menu

One

Two

Three

Open this select menu

One

Two

Three

Copy

Open this select menu

One

Two

Three

Open this select menu

One

Two

Three

还支持多文件属性multiple ,按住Ctrl键，可以一次选择多个选项

Open this select menu

One

Two

Three

Copy

Open this select menu

One

Two

Three

支持大小属性 size :

Open this select menu

One

Two

Three

Copy

Open this select menu

One

Two

Three

禁用

在select上添加 disabled属性，使其显示为灰色，并删除指针事件。

Open this select menu

One

Two

Three

Copy

Open this select menu

One

Two

Three

Sass

Variables

Copy

$form-select-padding-y: $input-padding-y;

$form-select-padding-x: $input-padding-x;

$form-select-font-family: $input-font-family;

$form-select-font-size: $input-font-size;

$form-select-indicator-padding: $form-select-padding-x * 3; // Extra padding for background-image

$form-select-font-weight: $input-font-weight;

$form-select-line-height: $input-line-height;

$form-select-color: $input-color;

$form-select-bg: $input-bg;

$form-select-disabled-color: null;

$form-select-disabled-bg: $gray-200;

$form-select-disabled-border-color: $input-disabled-border-color;

$form-select-bg-position: right $form-select-padding-x center;

$form-select-bg-size: 16px 12px; // In pixels because image dimensions

$form-select-indicator-color: $gray-800;

$form-select-indicator: url("data:image/svg+xml,");

$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding;

$form-select-feedback-icon-position: center right $form-select-indicator-padding;

$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half;

$form-select-border-width: $input-border-width;

$form-select-border-color: $input-border-color;

$form-select-border-radius: $border-radius;

$form-select-box-shadow: $box-shadow-inset;

$form-select-focus-border-color: $input-focus-border-color;

$form-select-focus-width: $input-focus-width;

$form-select-focus-box-shadow: 0 0 0 $form-select-focus-width $input-btn-focus-color;

$form-select-padding-y-sm: $input-padding-y-sm;

$form-select-padding-x-sm: $input-padding-x-sm;

$form-select-font-size-sm: $input-font-size-sm;

$form-select-padding-y-lg: $input-padding-y-lg;

$form-select-padding-x-lg: $input-padding-x-lg;

$form-select-font-size-lg: $input-font-size-lg;