when <a> add :href, its color will don't work with css? why?

when I add

 <a id="github" :href="github" target="_blank">Github</a>

then

#github { color: #fff; }

and

data: {
 "github": "https://github.com/"
}

when I will open it on safari, link’s color sometime will don’t work with css, It’s going to be black, not #fff . when I will open it on chrome, link’s color will change from black to white.

but I replace :href="github" to href="https://github.com/" , then it’s work fine.

How to solve this problem？

[ktsn]

It can be reproduced without Vue.js, looks like a Safari’s bug. https://jsfiddle.net/ktsn/he2pf46d/1/

It would be avoid by adding v-if and hide the link until you receive the data. https://jsfiddle.net/evdeayjb/

[cong-min]

[link removed] it’s demo , please open it, and look top right corner Github , its color is #fff, but sometime it will be black