v-html添加的内容,css样式不起作用

v-html添加的内容,css样式不起作用

在用vue给标签内添加需要浏览器解析的文本内容时候,我们通常要用到v-html标签,但是用了这个标签后,我们无法对其内部标签的样式进行设置,那是因为,v-html相当于引入外部组件内容。
现在我们用的sylte都会包括scoped标签,这个是私有属性的标签,所以我们要新建一个样式联,将scoped标签去掉,将样式卸载这里面 就可以了。如下:

<style>
  .details_img{
    img{
      width: 100%;
    }
  }
</style>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章