elementUI去掉input上下按钮

发表于2021-03-27|更新于2026-02-24

|浏览量:

快乐就像香水，不是泼在别人身上，而是洒在自己身上。——拉尔夫·沃尔多·爱默生

我们使用el-input当type为number时

会出现右边这种箭头，影响美观

我们可以使用样式穿透

1	<el-input type="number"></el-input>

1
2
3

/deep/ input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

然后就可以去掉这两个箭头啦

前端

相关推荐

2025-06-04

wave-ui

教育上的错误比别的错误更不可侵犯。教育上的错误正和错配了药一样，第一次弄错了，决不能借第二第三次去补救，它们的影响是终身洗不掉的。——约翰·洛克 https://github.com/antoniandre/wave-ui https://antoniandre.github.io/wave-ui/ Wave UI：基于 Vue 的现代化 UI 框架在构建现代化的 Web 应用时，一个优秀的 UI 框架不仅能够加快开发速度，还能显著提升用户体验。对于使用 Vue 的开发者而言，Wave UI 是一个轻量级、功能丰富的选择。 Wave UI 是一个基于 Vue 的 UI 框架，专注于提供高质量的组件和工具，同时保持轻量化和易用性。通过 Wave UI，开发者可以快速构建美观且功能强大的 Web 应用。为什么选择 Wave UI？1. 轻量化和高性能Wave UI 的核心目标是轻量化，整个框架大小不到 40 KB。这让它在加载速度和性能上表现优异，非常适合构建快速响应的应用。 2. 易用性Wave UI 提供了直观的 API 和简单的配置选项，让开发者能够快速上手。即使是初学...

2022-03-07

dvajs

我喜欢我的懦弱，痛苦和难堪也喜欢。喜欢夏天的光照，风的气息，蝉的鸣叫，喜欢这些，喜欢得不得了。——《寻羊冒险记》 dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。官网文档：https://dvajs.com/ 简单快速入门后，有一个课堂实战这个实战就是用dvajs 写一个列表，包含删除按钮，点删除按钮后延迟 1 秒执行删除。当然，我也完成了这个简单的Demo： https://gitee.com/VampireAchao/simple-dva.git 并顺手练习了一下并行、竞争等概念还是很有意思的

2022-06-25

fokus

死亡，就是你加上这个世界，再减去你。——卡尔维诺分享一个好玩的开源项目，演示地址： https://lab.hakim.se/fokus/ 代码仓库：https://github.com/hakimel/Fokus 演示效果：当我们在页面上框选时，会在页面上加个蒙版，高亮框选区域使用方式，首先下载fokus.min.js 官方链接备用链接然后引用 1<script src="/js/fokus.min.js"></script> 最后编写代码(随便写点) 1234567891011121314151617181920212223242526272829303132333435363738394041<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont...

2022-04-14

ts结构赋值时指定类型

“枕头里藏满了发了霉的梦，梦里住满了无法拥有的人。”——网易云评论我们在typescript中使用变量结构时如果需要指定类型，可以这样写： 1const { a, b, c }: { a: any; b: string; c: { cname: any; cid: any; } } = obj; 但一般还是定义接口 12345678910interface IObj { a: any; b: string; c: IC;}interface IC { cname: any; cid: any;}const { a, b, c }: IObj = obj; 对于箭头函数也是同理 1array.map(({ a, b, c }: IObj)=>{}) 如果我们接口中某个属性可以为null或其他属性，我们可以使用| 12345interface IObj { a: ...

2022-03-11

Array.from

世界在音乐中得到了完整的再现和表达。它是各种艺术当中第一位的，帝王式的艺术，能够成为音乐那样，则是一切艺术的目的。——叔本华继续还是js中Array的方法这次说的方法是from：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/from 这个方法简单应用如下： 12345console.log(Array.from('foo'));// expected output: Array ["f", "o", "o"]console.log(Array.from([1, 2, 3], x => x + x));// expected output: Array [2, 4, 6] 我这里写个稍微复杂点的例子，随机生成文件名并排序 1[...new Set(Array.from(Array(200).fill('文件'),x=>x+String(...

2024-05-19

js解析JWT

懂得生命真谛的人，可以使短促的生命延长。——西塞罗代码如下： 1"token".split(".").slice(0,2).map(i=>JSON.parse(atob(i))) 当我在解析 jwt 的 token 时，发现 token 中附带的用户 id 存在精度丢失问题，然后用正则改进解析 JWT 的代码： 1const tokenParse = token => token.split(".").slice(0, 2).map(i => JSON.parse(atob(i).replace(/:\s*([-+]?\d+(\.\d+)?([eE][-+]?\d+)?)/g, (match, p1) => Math.abs(p1) > Number.MAX_SAFE_INTEGER ? `:"${p1}"` : `:${p1}`))); 但是还存在 base64 解码时无法正确解码中文问题，继续改进 1const tok...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中