Bulma Select Colors

Bulma is a free, open-source CSS framework based on flexbox. It is component-rich, compatible, and well documented. It is highly responsive in nature. It uses classes to implement its design.

The Bulma select color is used to set the color on the select element. The color is applied on the border and dropdown icon of the select menu.

Bulma select colors classes:

• is-primary: It is used to set the color of the select menu to light cyan.
• is-link: It is used to set the color of the select menu to blue.
• is-info: It is used to set the color of the select menu to light blue.
• is-success: It is used to set the color of the select menu to green.
• is-warning: It is used to set the color of the select menu to yellow.
• is-danger: It is used to set the color of the select menu to red.

Syntax:

<div class="select is-primary">
 <select>
 <option> ... </option>
 </select>
</div>

Example: This example demonstrates Bulma select colors.

Output:

👁 Bulma Select Colors

Reference: https://bulma.io/documentation/form/select/#colors