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

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

前端

相关推荐

2021-12-08

nvue中list组件下拉刷新后无法上拉加载更多

倘能生存，我当然仍要学习。——鲁迅组件官网地址：https://uniapp.dcloud.io/component/list 今天在使用list组件时，发现下拉刷新一次后，就不能上拉加载更多了最后发现官方文档： loadmore 事件如果列表滚动到底部将会立即触发这个事件，你可以在这个事件的处理函数中加载下一页的列表项。如果未触发，请检查是否设置了loadmoreoffset的值，建议此值设置大于0 如何重置 loadmore 1234567891011121314151617181920212223<template> <list ref="list"> <cell v-for="num in lists"> <text>{{num}}</text> </cell> </list></template><script> export defaul...

2024-09-22

position-try

教育的胜利，可以压倒国民性。——爱默生 https://css-tricks.com/almanac/properties/p/position-try-fallbacks/ 今天分享一个position-try的css属性它就像字面意思是说：位置-尝试代表着它在页面移动时尽可能尝试调整位置举个栗子： 1234567.target { position: absolute; position-anchor: --my-anchor; position-area: top; position-try-fallbacks: bottom;} 我写下代码： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273<style> /* 定义一个锚点元素 */ .anchor { an...

2022-12-27

hexo主题集成pug

你问人问题，她若答非所问，便已是答了，无需再问。——木心文档：https://hexo.io/zh-cn/docs/themes 先创建hexo项目 1hexo init simple-hexo 然后到themes新建一个主题文件夹 12cd .\simple-hexo\themes\mkdir simple-theme 修改外部_config.yml的theme 1theme: simple-theme 外部执行一下hexo s启动项目试试打开localhost:4000 因为我们什么都没写，所以是白屏新建一个layout目录，下面放一个index.pug 1.container Hello World 发现我们的pug代码并未渲染这是因为我们没有安装pug插件导致的到主目录执行 1cnpm i hexo-renderer-pug pug元素成功渲染好了，接下来你可以编写你自己的主题啦！

2022-01-06

js生成二维码

我们飞得越高，我们在那些不能飞的人眼中的形象就越渺小。——尼采《查拉图斯特拉如是说》我们使用qrcodejs生成：https://github.com/davidshimjs/qrcodejs 下载这个js并引用不知道怎么下载的可以直接到这个链接下按ctrl+s另存为 https://raw.githubusercontent.com/davidshimjs/qrcodejs/master/qrcode.min.js 然后编写代码： 123456789101112131415161718192021<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="./js/qrcode.min.js" type="text/javascript"></script> </head> <body>...

2020-10-02

2022-06-17

在vue中使用jsx

一个人追求的目标越高，他的才能就发展得越快，对社会就越有益，我确信这也是一个真理。——玛克西姆·高尔基首先是官方文档 vue2的：https://cn.vuejs.org/v2/guide/render-function.html#JSX vue3的：https://v3.cn.vuejs.org/guide/render-function.html#jsx 我们这里以vue2举例：先使用render函数写一个最简单的jsx组件 12345678910<script>export default { render() { return <div>Hello World</div> }}</script><style></style> 注意此处不能有template标签，其他的该咋用就咋用还有的区别在这个链接里：https://github.com/vuejs/jsx#installation 如果有react的基础，上手这个就很容易...

阿超

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

数据加载中