elementUI去掉input上下按钮
发表于|更新于
|浏览量:
快乐就像香水，不是泼在别人身上，而是洒在自己身上。——拉尔夫·沃尔多·爱默生
我们使用el-input当type为number时
会出现右边这种箭头，影响美观
我们可以使用样式穿透
1 | <el-input type="number"></el-input> |
1 | /deep/ input::-webkit-inner-spin-button { |
然后就可以去掉这两个箭头啦
相关推荐
2024-06-03
js中classList的toggle
当你身处逆境时不邀自来的人，才是真正的朋友。——奇奥佛垃斯塔 在 HTML 中实现白天和夜晚主题切换在现代网页设计中，为用户提供不同的主题（如白天和夜晚模式）是一种常见且友好的用户体验优化方式。通过使用 JavaScript 和 CSS，我们可以轻松地实现这一功能。本文将详细讲解如何使用简单的 HTML、CSS 和 JavaScript 实现一个白天和夜晚主题切换功能。 实现步骤 基本 HTML 结构：首先，我们需要创建一个基本的 HTML 结构，包括一个按钮用于切换主题。 CSS 样式：接下来，我们定义白天和夜晚模式的样式。默认情况下，页面为白天模式。 JavaScript 功能：最后，通过 JavaScript 实现点击按钮切换主题的功能。 代码示例以下是完整的代码示例： 123456789101112131415161718192021222324252627<!DOCTYPE html><html><head> <title>Day-Night Toggle</title> <sty...
2024-05-19
js解析JWT
懂得生命真谛的人，可以使短促的生命延长。——西塞罗 代码如下： 1"token".split(".").slice(0,2).map(i=>JSON.parse(atob(i))) 当我在解析 jwt 的 token 时，发现 token 中附带的用户 id 存在精度丢失问题，然后用正则改进解析 JWT 的代码： 1const tokenParse = token => token.split(".").slice(0, 2).map(i => JSON.parse(atob(i).replace(/:\s*([-+]?\d+(\.\d+)?([eE][-+]?\d+)?)/g, (match, p1) => Math.abs(p1) > Number.MAX_SAFE_INTEGER ? `:"${p1}"` : `:${p1}`))); 但是还存在 base64 解码时无法正确解码中文问题，继续改进 1const tok...
2024-11-23
gsap
万人都要将火熄灭，我一人独将此火高高举起。——海子 https://github.com/greensock/GSAP https://gsap.com/ GSAP 是一个与框架无关的JavaScript 动画库，可将开发人员变成动画超级英雄。构建适用于所有主要浏览器的高性能动画。动画 CSS、SVG、canvas、React、Vue、WebGL、颜色、字符串、运动路径、通用对象…任何 JavaScript 可以触及的内容！ GSAP 的ScrollTrigger插件以最少的代码提供令人惊叹的基于滚动的动画。 gsap.matchMedia()使构建响应式、易于访问的动画变得轻而易举。 没有其他库能够提供如此先进的测序、可靠性和严格的控制，同时解决超过 1200 万个站点的实际问题。 GSAP 解决了无数浏览器不一致的问题；你的动画就可以了。从本质上讲，GSAP 是一个高速属性操纵器，可以随着时间的推移以极高的精度更新值。它比 jQuery 快 20 倍！ GSAP 完全灵活；把它撒在你想要的地方。零依赖。 有许多可选插件和缓动功能可以轻松实现高级效果，例如滚动、变形、沿运动...
2024-10-19
docmost
有缺点的战士终究是战士，完美的苍蝇也终究不过是苍蝇。 ——鲁迅《华盖集》 网站： https://docmost.com/ 文档： https://docmost.com/docs github： https://github.com/docmost/docmost Docmost 是一个开源协作维基和文档软件。它是 Confluence 和 Notion 的开源替代品。 运行： 123mkdir docmostcd docmostcurl -O https://raw.githubusercontent.com/docmost/docmost/main/docker-compose.yml 然后编辑文件 1vi docker-compose.yml 修改 APP_URL应替换为您选择的域。例如https://example.com或https://docmost.example.com 。 APP_SECRET值必须替换为长随机密钥。 您可以使用openssl rand -hex 32生成秘密。如果保留默认值，应用程序将无法启动。 将POSTGRES_PASSWORD环...
2025-02-16
animejs
万人都要将火熄灭，我一人独将此火高高举起。——海子 https://github.com/juliangarnier/anime https://animejs.com/ Anime.js：为网页动画注入生命 在现代网页开发中，动画不再仅仅是装饰性的元素，而是增强用户体验、提升交互性的关键部分。Anime.js，一个轻量级的 JavaScript 动画库，提供了一个易于使用的接口来创建复杂的动画效果。它不仅让开发者能够轻松制作视觉冲击力强的动画，还能确保这些动画在各大浏览器中的兼容性，完美融合到现代网页设计中。 什么是 Anime.js？Anime.js 是一个功能强大的 JavaScript 动画库，它能够为 HTML、CSS、SVG、JavaScript 对象等提供平滑、流畅的动画效果。不同于许多其他动画库，Anime.js 不仅支持基本的动画（如平移、旋转、缩放等），还支持更为复杂的时间线和属性控制，让动画的表现更加生动和灵活。 特性和优势 多种动画支持：Anime.js 不仅可以控制 DOM 元素的 CSS 属性，还可以操作 SVG 属性、JavaScript 对象的...
2022-12-19
css attr
过于大方的施舍会导致盗窃——西塞罗 分享一个css函数attr MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/attr attr可以获取我们标签内的属性作为值 例如： 1<p data-foo="hello">world</p> css： 123[data-foo]::before { content: attr(data-foo) " ";} 效果： [data-foo]::before { content: attr(data-foo) " "; } world 除了data-*的自定义属性，也可以获取其他的，例如custom-prefix 123456<style>[custom-prefix]::before { content: attr(custom-prefix);}</style><p custom-prefix="hello"&g...