Vue-grid-layout: Qustion: how to change the pink color of drag placeholder?

[terrygogo]

I hope to change the color of the box that shows when drag. It can be done by set css entry?

Thanks in advance.

Terry

[gmsa]

Yes, just set your custom styling for .vue-grid-item.vue-grid-placeholder

[onx2]

I've tried the css entries (with and without !important):
.vue-grid-item.vue-grid-placeholder {background:blue;}
and also
.vue-grid-item.vue-grid-placeholder {background-color:blue;}

However, it is not changing the background. Am I doing something wrong?

[onx2]

Sorry, I figured out what was happening -- the style tag in the component can't be scoped. Is this a bug?

[xuanxiaoxiao]

Sorry, I figured out what was happening -- the style tag in the component can't be scoped. Is this a bug?
You need to add '/deep/', if you use vue

[PhilLovesToCode]

I too had this question and could not find the answer in the docs or the examples. It would be helpful to provide reference to all of the style tags in the docs, and show them in the examples.

[gmsa]

Started documenting how to customize the styling here, will add more details next week