Style bindings with !important don't work properly in IE 11.540

[superMDguy]

Version

2.5.16

Reproduction link

https://codepen.io/anon/pen/QxVRyW?editors=1010

Steps to reproduce

I've only seen this occur in IE 11.540 (through BrowserStack). The issue is not present in IE 11.0.

1. Click "toggle" button
2. "Surprise!!" should show up
3. Click "toggle" button again
4. "Surprise!!" is still visible

What is expected?

Clicking "toggle" should hide the message. This works properly in chrome, and probably other browsers as well.

What is actually happening?

The message is still visible, and has the display: block !important styling applied.

---

This causes problems with modals in semantic ui vue. See Semantic-UI-Vue/Semantic-UI-Vue#191

[haoqunjiang]

As a workaround, you can change 'none' to 'none !important' and the new style will apply.