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

el-input 设置类型为number时,输入中文后光标会上移,并且会出现上下箭头

光标上移

设置 el-input 的 type='number'后,只能输入数字,输入中文后会自动清空,但是会出现一个问题:【光标会上移,如下图】

解决方法:修改样式

注意:需要使用样式穿透   :deep( )

/*解决el-input设置类型为number时,中文输入法光标上移问题*/
 :deep(.el-input__inner){
    line-height: 1px !important;
} 
输入框后面会出现上下箭头

设置 el-input 的 type='number'后,输入框后面会出现上下箭头:【如下图】

 解决方法:修改样式   

注意:需要使用样式穿透   :deep( )

/* 解决el-input设置类型为number时,去掉输入框后面上下箭头*/
 :deep(input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button) {  
	 -webkit-appearance: none;  
	 margin: 0;  
}

http://www.dtcms.com/a/50279.html

相关文章:

  • RK3568平台(GPIO篇)libgpiod的使用
  • 为AI聊天工具添加一个知识系统 之133 详细设计之74通用编程语言 之4 架构及其核心
  • AI学习笔记:LM studio大模型加载参数说明
  • Hutool一个类型转换工具类 `Convert`,
  • Redis——缓存穿透、击穿、雪崩
  • 力扣-动态规划-115 不同子序列
  • 线代[9]|线性代数主要内容及其发展简史(任广千《线性代数的几何意义》的附录1)
  • FastGPT 引申:混合检索完整实例
  • SSL: CERTIFICATE_VERIFY_FAILED Error in Python 是什么问题?
  • AES/CBC/PKCS5Padding加密
  • A-LOAM工程笔记(一):工程编译及运行(ubuntu20.04 + ros_noetic)
  • Week3_250303~250309_OI日志(待完善)
  • python学习第四天
  • 3.1 ARM体系结构
  • 【Linux 下Web(Apache/Nginx)入口安全事件及日志溯源流程】
  • 32.C++二叉树进阶1(二叉搜索树)
  • idea实现热部署
  • Leetcode 3469. Find Minimum Cost to Remove Array Elements
  • 在线量化算法(QAT) --学习记录2
  • FastGPT 引申:信息抽取到知识图谱的衔接流程
  • 播放器系列3——解码
  • VLM-E2E:通过多模态驾驶员注意融合增强端到端自动驾驶
  • 如何基于VBA在word中嵌入AI模型实现实时问答(SiliconflowDeepSeek)
  • 编译可以在Android手机上运行的ffmpeg程序
  • nginx accesslog 打印自定义header
  • 厦门大学第3弹:DeepSeek大模型及其企业应用实践(150页PPT,企业人员的大模型宝典)
  • 21.<基于Spring图书管理系统②(图书列表+删除图书+更改图书)(非强制登录版本完结)>
  • 历年湖南大学计算机复试上机真题
  • 【AI Guide】AI面试攻略只用看这一篇就够了!力争做全网最全的AI面试攻略——大模型(二十六)词表与词表扩充
  • Mysql学习笔记(六)Django连接MySQL