当前位置: 首页 > article >正文

element输入框及表单元素自定义前缀

如图所示: 

<el-input class="custom-input" placeholder="请输入" prefix-icon="prefix" v-model="form.name" clearable></el-input>
:deep(.custom-input) {
  .el-input__icon {
    display: inline-block;
    width: 40px;
    font-style: normal;
    line-height: 32px;
    color: #3C3C3C;
  }

  prefix {
    position: relative;
    
    &::after {
      content: "名称:";
      white-space: nowrap;
    }
  }
}


http://www.kler.cn/a/468269.html

相关文章:

  • SpringMVC的消息转换器
  • Debian、Ubuntu 22.04和ubuntu 24.04国内镜像源(包括 docker 源)
  • 详解GPT-信息抽取任务 (GPT-3 FAMILY LARGE LANGUAGE MODELS)
  • 使用LINUX的dd命令制作自己的img镜像
  • 使用 Try-With-Resources 简化资源管理
  • 『SQLite』几种向表中插入数据的方法
  • 【mybatis-plus问题集锦系列】使用mybatis实现数据的基础增删改查
  • GESP真题 | 2024年12月1级-编程题4《美丽数字》及答案(C++版)
  • 【Ubuntu】不能连上网络
  • 基于Spring Boot微信小程序电影管理系统
  • _使用CLion的Vcpkg安装SDL2,添加至CMakelists时报错,编译报错
  • [CTF/网络安全] 攻防世界 Training-WWW-Robots 解题详析
  • MySQL 【多表查询】
  • ppt pptx转成pdf有什么好的java工具
  • 车载通信架构 --- 智能汽车通信前沿技术
  • 2024 年 docker 提示index.docker.io
  • android基础之Lambda表达式的详细说明
  • 米哈游可切换角色背景动态壁纸
  • Tensflow 安装方法以及报错解决方案
  • Spring中WebSocket的使用
  • ACL---访问控制列表---策略
  • Pandas-timestamp和datetime64的区别
  • EF Core配置及使用
  • Tailwind CSS 实战:响应式导航栏设计与实现
  • asp.net core Web Api中的数据绑定
  • STM32F103 MCU 上电启动流程分析实现