elementUI去掉input上下按钮
发表于|更新于
|浏览量:
快乐就像香水，不是泼在别人身上，而是洒在自己身上。——拉尔夫·沃尔多·爱默生
我们使用el-input当type为number时
会出现右边这种箭头，影响美观
我们可以使用样式穿透
1 | <el-input type="number"></el-input> |
1 | /deep/ input::-webkit-inner-spin-button { |
然后就可以去掉这两个箭头啦
相关推荐
2022-03-31
vue项目配置可选调用链
生活是苦难的，我又划着我的断桨出发了。——博尔赫斯 可选调用链就是?.写法 有些vue项目没有默认配置，因此只能手动配置 介绍：https://babeljs.io/docs/en/babel-plugin-proposal-optional-chaining 安装： 1cnpm i --save-dev @babel/plugin-proposal-optional-chaining 然后配置在根目录下的babel.config.js 新增： 123{ "plugins": ["@babel/plugin-proposal-optional-chaining"]} 完整： 12345678module.exports = { presets: [ "@babel/preset-env", ['@vue/app', { useBuiltIns: 'entry' }] ], "plugi...
2021-10-29
nvue引入图标坑
强本而节用，则天不能贫。——荀况 今天把原来的vue页面改为nvue 发现之前的图标怎么都引不进去，搞了半天，后来通过debug发现，我引入的方式是使用添加对应的class给它加了个::before伪元素 知道了这个就很简单了，我们按照官方文档引入字体 首先我在App.vue中写入css代码： 123456/* 加载图标字体 - 条件编译模式 *//* #ifdef APP-PLUS-NVUE */.my-iconfont { font-family: myIconfont;}/* #endif */ 然后在对应的nvue页面中，在beforeCreate生命周期里调用addRule 123456789beforeCreate() { // #ifdef APP-PLUS-NVUE const domModule = uni.requireNativePlugin('dom'); domModule.addRule('fontFace', { fontFamily: 'myIcon...
2023-09-11
css画一个圈带一条线
深窥自己的心，而后发觉一切的奇迹在你自己。——培根 用到的是css的background属性和radial-gradient 12345678910111213141516/** 淡蓝渲染到20px * 白色渲染到20px（分割线 * 白色渲染到21px（分割线 * 淡蓝渲染到21px * 淡蓝渲染到40px * 后续白色打底 */background: radial-gradient( circle at center, #f6faff 20px, #fff 20px, #fff 21px, #f6faff 21px, #f6faff 40px, #fff 0); 效果： .ruben{ background: radial-gradient( circle at center, #f6faff 20px, #fff 20px, #fff 21px, #f6faff 21px, #f6faff 40px...
2022-08-07
拖动滑块验证
有事情是要说出来的，不要等着对方去领悟，因为对方不是你，不知道你想要什么，等到最后只能是伤心和失望。尤其是感情。——《麦兜》 效果： 源码： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
2021-08-14
uniapp清除缓存
每一幅作品，都是艺术家对自己生命的延伸。——灵遁者 清楚缓存的函数为uni.clearStorage(); 文档 以及还有计算缓存大小的函数 1234567uni.getStorageInfo({ success: function (res) { console.log(res.keys); console.log(res.currentSize); console.log(res.limitSize); }}); success 返回参数说明 参数 类型 说明 keys Array＜String＞ 当前 storage 中所有的 key currentSize Number 当前占用的空间大小, 单位：kb limitSize Number 限制的空间大小, 单位：kb 文档
2021-01-17
滚轮缩放
要使人成为真正有教养的人，必须具备三个品质：渊博的知识、 思维的习惯和高尚的情操。知识不多就是愚昧；不习惯于思维， 就是粗鲁或蠢笨；没有高尚的情操，就是卑俗。——车尔尼雪夫斯基 代码 123456789101112131415161718192021<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>scroll</title></head><body><img width="500px" id="img" src="https://VampireAchao.github.io/imgs/preview/3459_3.jpg"/><script type="application/javascript"> let images = docu...