elementUI去掉input上下按钮
发表于|更新于
|浏览量:
快乐就像香水，不是泼在别人身上，而是洒在自己身上。——拉尔夫·沃尔多·爱默生
我们使用el-input当type为number时
会出现右边这种箭头，影响美观
我们可以使用样式穿透
1 | <el-input type="number"></el-input> |
1 | /deep/ input::-webkit-inner-spin-button { |
然后就可以去掉这两个箭头啦
相关推荐
2021-04-02
el-input-number阻止外层button的冒泡
取法于上，仅得为中；取法于中，故为其下。一一李世民《帝范》 我这里有这样一个按钮 123<el-button @click="randomChoose" type="success" size="small"> 选择<el-input-number controls-position="right"></el-input-number>个</el-button> 效果如下 我们发现点击右边上下去增加减少中间个数的时候，也执行了我们上边按钮绑定的randomChoose 函数 但我们想要加上阻止冒泡却加不上 这里其实。。需要在外层再加上一个span或者div标签，再到这个span标签上加上阻止冒泡才可以生效 1234567<el-button @click="randomChoose" type="success" size="small"> 选择 <span @c...
2022-08-13
在vue2的style标签中使用css变量
我需要，最狂的风，和最静的海。——顾城《世界和我·第八个早晨》 前两天有一个更换主题需求，想将系统主题包括hover颜色都更换 代码如下： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748<template> <!-- 需要绑定style --> <div class="hello" :style="css"> <h1>{{ msg }}</h1> <p> For a guide and recipes on how to configure / customize this project,<br> check out the <a href="https://cli.vuejs.org" target="_...
2020-09-17
一篇，让你会写原生ajax
在这个社会转型期，最大的悲剧不是坏人的嚣张，而是好人的过度沉默。——马丁·路德·金 非常简单啦~ 大家可以拿去任意定制，比如请求方式使用参数传入、指定参数类型、调用时控制是否同步等 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109var Ajax = { /** * get参数格式化，转换对象成url方式 * @param data 对象 转换前： {"username":"ruben","password":"achao"} * @returns &...
2025-08-26
fabricjs
没有比脚更长的路，没有比人更高的山。――汪国真《山高路远》 Fabric.js：浏览器里的 Canvas 超级引擎 —— 让前端图形开发极致自由在现代网页开发中，图形和可视化已成为用户体验的关键一环。无论是在线图片编辑、白板、流程图、交互动画，还是数据可视化，HTML5 Canvas 都是前端开发者的“画布”。但原生 Canvas API 虽强，却略显底层、开发门槛高。你是否想在浏览器里拥有类似 Photoshop、PowerPoint 的自由拖拽、变形、分组、交互体验？如果答案是 YES，那你不能错过 Fabric.js —— 这个让前端图形开发“飞起来”的开源超级引擎！ 一、项目简介Fabric.js 是一个功能强大的 Javascript Canvas 库，专为现代浏览器设计，能让开发者用极少代码实现复杂的图形对象创建、编辑、管理与交互。它不仅支持 Canvas 的全部绘图能力，还提供了对象化管理、序列化、事件监听、自由变形等高级功能，成为前端图形应用的“事实标准”。 项目地址：https://github.com/fabricjs/fabric.js 官网演示：h...
2021-12-22
truthy
每天务必做一点你所不愿意做的事情，这是一条宝贵的准则，它可以使你养成认真尽责而不以为苦的习惯。——马克.吐温 我们知道js中如果使用： 123if(2){ console.log("2")} 可以看到if中代码块执行了 这是因为JavaScript 在布尔值上下文中使用强制类型转换（coercion） 而我们if括号中表达式2，由于为truthy，也就是真值 所以被转换为了true JavaScript 中的真值示例如下（将被转换为 true，if 后的代码段将被执行）： 1234567891011if (true)if ({})if ([])if (42)if ("foo")if (new Date())if (-42)if (3.14)if (-3.14)if (Infinity)if (-Infinity) 反之，我们也有Falsy 在 JavaScript 中只有 8 个 falsy 值。 这意味着当 JavaScript 期望一个布尔值，并被给与下面值中的一个时，它总是会被...
2024-11-10
typescript-exercises（十五）
人的一辈子都在高潮—低潮中浮沉，唯有庸碌的人，生活才如死水一般。——傅雷 问题： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051/*Intro: Our attempt to Open Source didn't work quite as expected. It turned out there were already many existing functional JS libraries. All the remaining developers left the company as well. It seems that they are joining a very ambitious startup which re-invented a juicer and raised millions of dollars. Too bad we cannot compe...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog