is-danger doesn't update select dropdown

[michaelgman13]

This is about both Bulma and the Docs.

Overview of the problem

This is about the Bulma CSS framework AND
This is about the Bulma Docs
I'm using Bulma version 1.0.0
My browser is: Firefox/Chrome

I am sure this issue is not a duplicate. I haven't been able to find it anywhere

Description

I'm using the select dropdown in a form and when I use the is-danger class, it doesn't update the dropdown.

Steps to Reproduce

Docs:

1. Go to https://bulma.io/documentation/form/select/ on chrome and firefox.
2. Look at the Colors section
3. Observe none of the dropdowns reflect the code to the right.

Note: Curiously I found that this 3rd party website does reflect the code in its site: https://www.tutorialspoint.com/bulma/bulma_form_select.htm

Code:

This is the code I'm using:

<div class="field">
  <label class="label">Select Cake Filling</label>
  <div class="control">
    <div class="select is-danger has-da">
      <select [(ngModel)]="cakeFilling">
        <option>Select a Cake Filling</option>
        <option>Vanilla</option>
        <option>Chocolate</option>
      </select>
    </div>
  </div>
</div>

Expected behavior

I expect when I put the is-danger tag in the div class with select, it should make the border the red border color.

Actual behavior

Adding the tag doesn't seem to change the appearance of the dropdown.

[jgthms]

Duplicate of #3755