笔记-vue el-input textarea时提示字字体

aliceyang2012

于 2023-09-01 14:36:09 发布

阅读量565

点赞数

分类专栏： vue 文章标签：笔记 javascript 前端

本文链接：https://blog.csdn.net/aliceyang2012/article/details/132623663

版权

vue 专栏收录该内容

14 篇文章

订阅专栏

本文介绍如何使用SCSS在Vue.js应用中，针对textarea的placeholder文本设置特定字体（Microsoft），确保与其它元素视觉一致。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如图：“请输入内容”的字体和别的框有差异

方法：

<style lang="scss" scoped>
//input为textarea时placeholder文字字体
::v-deep .el-textarea input::-moz-input-placeholder {
  font-family:"Microsoft";
}
::v-deep .el-textarea__inner::-webkit-input-placeholder {
  font-family: "Microsoft";
}
</style>