vue v-html字体大小修改,详解三种方式解决vue中v-html元素中标签样式

Vue为v-html中标签添加CSS样式

返回列表

当我们使用v-html渲染页面，使用下面这种方式去修改样式并没有效果，

.con{

p {

font-size: 14px;

line-height: 28px;

text-align: left;

color: rgb(238, 238, 238);

color: #585858;

text-indent: 2em;

}

解决方案：

当我们引入第三方组件或加载html元素时，想修改下样式，就可以用以下三种方式：

一.去掉

这个方法不建议使用，会改变布局

二.定义两个style标签，一个含有scoped属性，一个不含有scoped属性

使用方法为

.introduction{

width: 100%;

margin-bottom: 3rem;

}

.introduction img{

width: 100%;

object-fit: fill;

}

三.通过 >>> 可以使得在使用scoped属性的情况下，穿透scoped，修改其他组件的值

使用模板为：

.introduction>>> img{

width: 100%;

object-fit: fill;

}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

vue v-html字体大小修改,详解三种方式解决vue中v-html元素中标签样式相关推荐

v html如何添加样式,详解三种方式解决vue中v-html元素中标签样式
Vue为v-html中标签添加CSS样式 {{news.title}} {{news.datetime}} 返回列表当我们使用v-html渲染页面,使用下面这种方式去修改样式并没有效果, .con{ ...
C语言中三个数比较大小详解——三种方法
C语言中三个数比较大小详解--三种方法方法一:if-else法方法二:函数法方法三:三目运算符法 C语言中比较三个数的大小有很多方法,以下是我总结的三种方法: 首先我定义 int a = 1 ...
Linux下服务器基本环境搭建步骤详解(三种软件安装方式)
Linux下服务器基本环境搭建小伙伴们注意看:下面使用三种方式分别安装JDK.Tomcat.Docker进行演示操作系统基于CentOs7. 文章目录 Linux下服务器基本环境搭建前言一.L ...
vue路由跳转 router-link 清除历史记录的三种方式
1.在vue项目中说起路由跳转,我们最先想到的就是router-link标签以及this.$router.push函数. router-link和this.\$router.push的实现原理是一样的 ...
java 测试磁盘io,详解三种Linux测试磁盘IO性能的方法总结，值得收藏
概述在磁盘测试中我们一般最关心的几个指标分别为:iops(每秒执行的IO次数).bw(带宽,每秒的吞吐量).lat(每次IO操作的延迟). 当每次IO操作的block较小时,如512bytes/4k ...
两台服务器身份验证,详解三种不同的身份验证协议
本文最初发布于devever.net网站,经原作者授权由InfoQ中文站翻译并分享. 现在,身份验证协议的数量快赶上应用程序协议,结果,这个领域很容易让人困惑. 最容易把人搞糊涂的是,很少有人注意到这 ...
java实现线程三种方式_详解三种java实现多线程的方式
java中实现多线程的方法有两种:继承Thread类和实现runnable接口. 1.继承Thread类,重写父类run()方法 public class thread1 extends Thread ...
C/C++编程笔记：详解三种指针（悬空指针、空指针和野指针）
悬空指针指向已删除(或释放)的内存位置的指针称为悬空指针.指针用作悬空指针有三种不同的方式 ①内存分配: ②函数调用: 如果x是静态变量,则不会出现问题(或p不会悬空). 输出:5 变量超出范围无 ...
详解三种主流分布式事务方案的优劣
一.分布式事务前奏事务:事务是由一组操作构成的可靠的独立的工作单元,事务具备ACID的特性,即原子性.一致性.隔离性和持久性. 本地事务:当事务由资源管理器本地管理时被称作本地事务.本地事务的优点就 ...

vue v-html字体大小修改,详解三种方式解决vue中v-html元素中标签样式

{{news.title}}

vue v-html字体大小修改,详解三种方式解决vue中v-html元素中标签样式相关推荐

最新文章

热门文章