vue3使用Element-Plus时,修改ElMessage中的文字大小-前端-E先生的博客
Java
MySQL
大数据
Python
前端
黑科技
大语言模型
    首页 >> 互联网 >> 前端

vue3使用Element-Plus时,修改ElMessage中的文字大小

[导读]:修改ElMessage中的文字大小...

  在使用Element-plus的Elmessage时使用默认的size无法满足我们的需求时,我们可以自定义字体的大小,但是直接重写样式后,并没有起作用,甚至使用::v-deep深度选择器也没有效果。

    <style >

      .el-message__content {

        font-size: 28px;

      }

    </style>

  因为ElMessage的弹窗是弹出时才加上去的,所以提交修改样式并没有起到作用。

  我们可以通过动态添加CSS样式来修改Element Plus中ElMessage的文字大小。以下是一个示例:我们设置了.el-message__content选择器的字体大小为28px。您可以根据自己的需要调整字体大小。

 <script setup>

        let style= document.createElement("style");

        style.innerHTML = ".el-message__content{font-size:28px;}";

        document.body.appendChild(style);

    </script>

image.png

本文来自E先生的博客,如若转载,请注明出处:https://www.javajz.cn

留言区

联系人:
手   机:
内   容:
验证码:

历史留言

欢迎加Easy的QQ