VUE3使用Element Plus时，修改ElMessage中的文字大小

本文主要介绍如何在使用Element Plus时，修改ElMessage中的文字大小

前言

在使用element plus开发的过程中，经常会出现无法修改组件中文字大小的问题，例如ElMessage，在这篇文章中，我将提供4种修改ElMessage中文字大小的方法。

方法一

在使用Element-plus的Elmessage时使用默认的size无法满足我们的需求时，首先我们尝试可以在 CSS 中定义以下样式来修改 ElMessage 中文字的大小：

.el-message__content {
  font-size: 16px;
}

其中 16px 可以根据需要进行调整。之后在项目中引入这个 CSS 文件即可生效。

但是如果这样直接重写样式后，并没有起作用。

那么我们可以尝试使用::v-deep 深度选择器来修改 Element Plus 中 ElMessage