search

greyby / vue-spinner

vue spinners
MIT License
1.8k stars 176 forks source link

clip loader not work in safari #1

Closed greyby closed 8 years ago

greyby commented 8 years ago

Inline style in Safari and Chrome:

Safari

<div class="v-clip" style="background-color: transparent !important; border-top-left-radius: 100%; border-top-right-radius: 100%; border-bottom-right-radius: 100%; border-bottom-left-radius: 100%; border: 2px solid; width: 35px; height: 35px; background-position: initial initial !important; background-repeat: initial initial !important;"></div>

Chrome

<div class="v-clip" style="height: 35px; width: 35px; border-width: 2px; border-style: solid; border-color: rgb(93, 197, 150) rgb(93, 197, 150) transparent; border-radius: 100%; background: transparent !important;">
</div>

In Safari , the style lost border-color. Just working to find why.

greyby commented 8 years ago

I use shorthand property cause the inline style overriding. Use individual properties in inline style that is solved.Thanks to @yyx990803.