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;
}

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

前端

相关推荐

2022-08-22

webpack资源管理

天分高的人如果懒惰成性，亦即不自努力以发展他的才能，则其成就也不会很大，有时反会不如天分比他低些的人。——茅盾书接上文，首先对上次的项目进行改造，参考：https://webpack.docschina.org/guides/asset-management/ 将main.js改为bundle.js index.html 12345678910<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>管理资源</title> </head> <body> <script src="bundle.js"></script> </body></html> webpack.config.js 123456789const path = require('path');module.expo...

2022-03-09

Array.prototype.fill()

新的方法和概念，常常比解决问题本身更重要。——华罗庚我们在前端开发中，可以使用fill函数来快速构建数组 1Array(5).fill(1,1,4) 得到的是这样一个数组： 1[, 1, 1, 1, ] 这里参数fill(value,start,end)也是可以省略的 12345678910111213141516[1, 2, 3].fill(4); // [4, 4, 4][1, 2, 3].fill(4, 1); // [1, 4, 4][1, 2, 3].fill(4, 1, 2); // [1, 4, 3][1, 2, 3].fill(4, 1, 1); // [1, 2, 3][1, 2, 3].fill(4, 3, 3); // [1, 2, 3][1, 2, 3].fill(4, -3, -2); // [4, 2, 3][1, 2, 3].fill(4, NaN, NaN); // [1, 2, 3][1, 2, 3].fill(4, 3...

2024-08-12

gitpod运行shenyu-dashboard

即使为了国王的宝座，也永远不要欺骗、违背真理。——贝多芬方式很简单，访问： Dashboard 然后一步一步操作注册登录，我这里选择的暗黑模式以及Idea 网站自动打开了我的Jetbrains Gateway，然后开始下载依赖后面即可正常进行开发

2020-08-25

简单CSS实现图片旋转

图片旋转~ 代码 12345678910111213141516171819202122232425262728293031323334353637383940414243<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> img { width: 200px; height: auto; margin: 20% auto; animation: myrotate 3s linear infinite...

2021-04-05

localStorage

蚍蜉撼大树，可笑不自量。——韩愈《调张籍》我们可以使用LocalStorage在页面上存点东西，限制是5MB 1window.localStorage.setItem("ruben","Hello") 我们再取出来 1window.localStorage.getItem("ruben") 如果我们要移除 1window.localStorage.removeItem("ruben") 要移除全部 1window.localStorage.clear()

2023-09-14

console importer

当你没有空休息的时候，就是你该休息的时候——西德尼分享一个chrome插件Console Importer，可以方便我们在浏览器中进行调试一些没有本地安装的js库 GitHub - pd4d10/console-importer: Easily import JS and CSS resources from Chrome console. 从 Chrome 网上应用店安装它： Console Importer - Chrome 应用商店安装完重进使用： Usage 用法Open Chrome devtools console, a function named $i could be used to import JavaScript and CSS resources.打开Chrome devtools控制台，一个名为的 $i 函数可用于导入JavaScript和CSS资源。 1$i('jquery') Import specific version:导入特定版本： 1$i('jquery@2') Also,...

阿超

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

数据加载中