Remove Image Outline Highlight

[yishiy]

Hi,

I want to ask for help on how to remove the outline highlight when the image is focused.

Tried many different combinations but no one worked:

.vue-product-spinner img:focus{
outline: none;
}

picture{
outline: none;
}

.vue-product-spinner img{
outline: none;
}

Or is there any class I can use to select those images within vue-product-spinner class?

[micheleriva]

.vue-product-spinner img {
  outline: none;
}

this works well on the demo.
If you're using single page components with scoped css, try as follows:

/deep/.vue-product-spinner img {
  outline: none;
}

[yishiy]

This worked, thanks a lot! @micheleriva

[micheleriva]

Awesome!