[导读]:修改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>
本文来自E先生的博客,如若转载,请注明出处:https://javajz.cn
留言区