elementUI去掉input上下按钮
发表于|更新于
|浏览量:
快乐就像香水,不是泼在别人身上,而是洒在自己身上。——拉尔夫·沃尔多·爱默生
我们使用el-input当type为number时

会出现右边这种箭头,影响美观
我们可以使用样式穿透
1 | <el-input type="number"></el-input> |
1 | /deep/ input::-webkit-inner-spin-button { |
然后就可以去掉这两个箭头啦

相关推荐
2024-09-17
vue-starport跨路由组件共享动画
没有风暴,船帆不过是一块破布。——雨果 vue-starport/README.zh-Hans.md at main · antfu/vue-starport · GitHub 我们经常会在在不同的路由(页面)上使用同一组件,但他们的位置和大小可以不尽相同。这时你可能会希望在用户进行路由跳转时,想让它们展示流畅的过渡动画。尽管这样的动画在原生应用中较为常见,但要在 Web 中实现却有一些挑战。 Vue 的组件结构以 树 的形式呈现,在不同分支中的子组件有其各自的实例,这意味着当用户在路由之间跳转时,同样的组件并不会跨路由共享。 因为它们是两个不同的实例,这意味着你无法直接为它们的添加补间动画。幸运的是,有一种叫做 FLIP 的技术可以模拟不同组件之间的过渡动画。 然而,FLIP 只解决了过渡的问题,我们仍然还是会有两个组件实例。在跳转过程中,组件的内部状态将会丢失。 因此,我开始实验一个新的解决方案用于满足这一需求,并将其取名为 Starport。 在线Demo: https://vue-starport.netlify.app/ 可以看到点击下方的图片...
2023-11-08
js惰性函数
要深入了解人的方法只有一个,就是不急于下定论。——圣·普波 在js中我们可以使用惰性函数,用于重新定义函数自身的行为 例如: 12345678910111213141516171819202122function addEvent(type, el, fn) { if (window.addEventListener) { addEvent = function(type, el, fn) { el.addEventListener(type, fn, false); } } else if (window.attachEvent) { addEvent = function(type, el, fn) { el.attachEvent('on' + type, fn); } } else { addEvent = function(type, el, fn) { el['...
2025-03-19
primer-css
只要条件许可,机会成熟,人人都是想作恶的。——叔本华 介绍 Primer CSS:GitHub 的设计系统最近,我在寻找一个强大的设计系统来提升我的项目 UI 设计时,发现了 GitHub 的设计系统——Primer CSS。今天,我将为大家详细介绍一下这个优秀的项目,帮助你更好地了解和使用它。 什么是 Primer CSS?Primer 是 GitHub 的设计系统,提供了一套完整的 CSS 实现,旨在帮助开发者快速构建一致且美观的用户界面。无论你是开发者还是设计师,Primer CSS 都能为你的项目提供强大的支持。 项目概述Primer CSS 是 GitHub 开发和维护的开源项目,自 2015 年 3 月 19 日创建以来,已经吸引了超过 1.2 万个星标和 1244 个 forks。该项目使用 SCSS 语言编写,遵循 MIT 许可证,确保其免费和开源。 项目特点 一致性:Primer CSS 提供了一套统一的样式和组件,确保你的项目在各个页面和模块之间保持一致。 高效:通过使用 Primer CSS,你可以快速构建和维护用户界面,节省大量的开发时间。 可定制:P...
2024-11-14
uniapp自动化测试
日常生活的摩擦龃龉,十之其九起于口舌。——贝涅特 推荐使用HBuilderX uni-app自动化测试插件 https://ext.dcloud.net.cn/plugin?id=5708 安装完毕,右键项目选择uni-app运行自动化测试即可 这里可以在HBuilderX设置的插件设置里取消勾选“自动修改jest.config.js文件中的testMatch”选项才能自定义测试目录 这是我的jest.config.js: 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455module.exports = { globalTeardown: '@dcloudio/uni-automator/dist/teardown.js', testEnvironment: '@dcloudio/uni-automator/dist/environment.js', testEnvironm...
2024-11-02
typescript-exercises(七)
若我会见到你,事隔经年。我如何和你招呼,以眼泪,以沉默。——《春逝》 题目: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125/*Intro: Filtering was completely removed from the project. It turned out that this feature was just not needed for the end-user and we spent a lot of time just because our offi...
2025-09-05
live
功名富贵若长在,汉水亦应西北流。――李白《江上吟》 https://github.com/fanmingming/live 在国内外 IPTV、网络电视、广播播放器用户圈里,fanmingming/live 项目可以说是“台标资源与工具生态”的天花板级开源项目。它不仅仅是一套可直连访问的电视/广播台标库,更集合了 m3u 直播列表、EPG 电子节目单、m3u8在线下载、格式转换、Web播放器等实用工具,并且永久免费、完整开源、支持 IPv4/IPv6 双栈访问,真正做到了“公益服务,极致易用”。 项目定位fanmingming/live 的核心定位是提供一个持续完善、易于接入的电视/广播台标(logo)资源库,并配套一系列 IPTV/广播频道相关工具,帮助用户打造属于自己的高品质直播订阅与频道展示体验。项目由热心开发者公益维护,所有内容均托管在 GitHub,并通过 CloudFlare 提供高速 CDN 和安全访问,无论在国内外都能“直连无障碍”。 功能特色一览 海量台标库:覆盖国内主流电视台(央视、卫视、地方台)...

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