Vue: CSS does not apply to D3's svg when using scoped
I worked really less on svg styling , but I know that you can't change a style of appended elements directly. You need Deep Selectors to apply to that
Here is the link - https://vue-loader.vuejs.org/guide/scoped-css.html#mixing-local-and-global-styles
Have a look to this sandbox I have created which shows what happened
Just look on the components/helloWorld.vue