程序员经验分享-hwhale

我可以隐藏 HTML5 数字输入的旋转框吗？

2023-12-13

跨浏览器是否有一致的方法来隐藏某些浏览器（例如 Chrome）为数字类型的 HTML 输入呈现的新旋转框？我正在寻找 CSS 或 JavaScript 方法来防止出现向上/向下箭头。

<input id="test" type="number">

此 CSS 有效隐藏了 webkit 浏览器的旋转按钮（已在 Chrome 7.0.517.44 和 Safari 版本 5.0.2 (6533.18.5) 中进行了测试）：

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
<input type="number" step="0.01" />

您始终可以使用检查器（webkit，可能是 Firefox 的 Firebug）来查找您感兴趣的元素的匹配 CSS 属性，查找伪元素。此图显示输入元素 type="number" 的结果：

Inspector for input type=number (Chrome)

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

html

css

input

Numbers

我可以隐藏 HTML5 数字输入的旋转框吗？ 的相关文章

  • CSS: *html #id_name

    我有这个代码 html alertBox height 100px modalContainer gt alertBox position fixed 这是由CSS支持的吗 我在其他网站上找到了这段代码 我忘记了链接 html alertB

  • 如何向 CSS 形状添加偏移轮廓？

    我在创建带有斜角边缘的块时遇到了一些问题 此外我需要一个斜角的边框并稍微偏离主块 问题是这个块可以根据屏幕响应 不知道具体的方法 希望大家帮忙 这就是我现在所做的 box display flex padding 20px height 2

  • 如何检查用户是否按下了某个键？

    在java中 我有一个程序需要连续检查用户是否按下了某个键 所以在伪代码中 就像 if isPressing w do somthing 在java中 你不检查是否按下了某个键 而是检查listen to KeyEvents 实现您的目标的

  • 更改

    标签中一个单词的颜色

    我正在处理一份 html 文档 并且只想在我的文档中创建一个单词 p 标记不同的颜色 如果不做完全不同的事情 这可能吗 p p tag p p I want to make only THIS word blue p p style dis

  • 删除圆形图像周围的边框

    我有一个圆形图像 png 文件 中间是透明的 我需要将图像内的背景设置为纯色 为此 我将背景设为纯色 然后将border radius 50 但这会产生一条丑陋的小白线 有没有办法摆脱这个问题 或者我必须在图像编辑器中手动为图像着色 div

  • 使用绝对定位时文本被破坏

    我有一个小挑战 我在 Stack Overflow 上没有找到任何解决方案 这就是我得到的 这就是我想要的 为了产生这个标题效果 我使用绝对位置 我什至不知道我的标题的宽度和高度 因此 使用此解决方案时 大文本会中断 My HTML div

  • 滚动时将菜单栏固定在顶部[关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我见过一些网站 当用户向下滚动页面时 会在右侧或左侧弹出一个框 另外 注意到这个模板 http www mvpthemes com m

  • 如何使用文件输入在PDFJS中打开本地PDF？

    我想知道是否有办法使用选择pdf文件input type file 并使用打开它PDFJS https github com mozilla pdf js 您应该能够使用 FileReader 来获取文件对象的内容作为类型化数组 pdfjs

  • 通过 jQuery 选择动态 HTML 元素

    我正在构建一个 ASP NET MVC 应用程序 并且正在使用jQuery Blueimp https github com blueimp jQuery File Upload动态添加到页面的 PartialView 上的插件 根据插件的

  • 样式 ::-webkit-scrollbar-track 不起作用

    我正在尝试设置滚动条轨道的样式 每当我设计曲目时 div webkit scrollbar track background color blue 没有什么变化 每当我设置滚动条样式时 div webkit scrollbar backgr

  • 如何处理 Django 中的错误

    我想让我的 django 应用程序尽可能对用户友好 并且我想处理适当的错误并让它推出类似于 javascript 中的警报的错误消息 我想在没有上传文件时执行此操作 因此 当按下上传按钮并且尚未上传任何内容时 将会发出一条警报消息 我的看法

  • CSS 无法从带有 php“includes”的相对路径工作

    文件夹结构 index php includes header html css style css 我的主项目文件夹中有 2 个子文件夹 一个是名为 includes 的文件夹 另一个名为 css 我有我的 index php主文件夹中的

  • JSP/Servlet HTTP 404 错误处理

    我想在我的网络应用程序中处理 HTML 404 错误 我可以这样写

  • 将html数据解析成python列表进行操作

    我正在尝试读取 html 网站并提取其数据 例如 我想查看公司过去 5 年的 EPS 每股收益 基本上 我可以读入它 并且可以使用 BeautifulSoup 或 html2text 创建一个巨大的文本块 然后我想搜索该文件 我一直在使用

  • 将按钮文本放在一行上

    我的按钮文本在 safari 中显示在一行上 即使在初次单击后 但是在 google chrome 上 当您第一次到达该按 钮时 我的按钮将显示在一行上 但是当您浏览更多帖子并再次遇到 加载更多 按钮时 文本搞砸了 这只发生在谷歌浏览器上

  • CSS 网格框架中的间距有什么作用？

    我正在深入研究 Web 开发 并且正在使用 Blueprint CSS 框架 其中包括网格系统 我有几个问题 水沟有什么用处 当然 它们不用于在列之间包含空间 因为您可以使用 margin CSS 属性来实现这一点 对吗 或者排水沟只是一种

  • 如何删除标题中的粗体？

    我有一个标题 h1 THIS IS A HEADLINE h1 如何使短语 THIS IS 不加粗 其余部分不做任何更改 我在文本装饰中找不到任何相关标签 标题看起来很粗体 因为它大尺寸 如果您已应用粗体或想要更改行为 您可以执行以下操作

  • 如何垂直对齐div内的图像

    如何在包含的内容中对齐图像div Example 在我的示例中 我需要将 img in the div with class frame div class frame style height 25px img src http jsfi

  • ng-include 和 ng-view 不同时加载

    下面是我的应用程序的结构 很简单 页眉和页脚是非常小的文件 而主页上的 ng view 要大得多 当我进入该页面时 我注意到了这一点 首先加载两个 ng include 然后 ng view 出现 页脚被推到底部 页脚闪烁大约 0 1 秒

  • 为什么使用 iPhone 或 iOS 设备在“iframe”中查看“position:fixed”时不起作用？

    我研究过 stackoverflow 似乎position fixed在 iOS 移动设备的 iframe 中 https stackoverflow com questions 15874910 position fixed and if

随机推荐

  • 向内存中的特定地址/位置显式分配或访问值？

    我的确切问题是 其中有任何规定c and c 将值显式分配给特定地址例如假设我想存储20 at 0x1846010内存中的地址 我还想使用同一地址访问一个值 0x1846010 可能很容易 但我真的很困惑如果可以的话如何做到这一点 任何人都

  • JSF f:ajax 不会立即渲染

    我有这样的输入文本

  • VS code，julia linter 不起作用（在 Mac 上）

    在向自己保证 Julia 已启用并且 linter 也已启用 在 VS Code 设置中 Julia Lint Run 后 我在 xxx jl 脚本上得到语法高亮显示 但根本没有 linting 我在最新的 vs code 最新的朱莉娅 1

  • C 中的正则表达式：示例？

    我正在寻找一些关于如何在 ANSI C 中使用正则表达式的简单示例和最佳实践 man regex h并没有提供那么多帮助 正则表达式实际上不是 ANSI C 的一部分 听起来您可能正在谈论 POSIX 正则表达式库 它随大多数 所有 nix

  • Visual Studio 包构建和私有 bin 路径中的 DLL

    我正在使用 MEF 来做一种粗略的插件架构 这运作良好 但是 当我使用 Visual Studio 包 发布构建任务 我通过 NAnt MSbuild 调用 进行部署时 我未引用的插件程序集未包含在包中 因此未部署 有没有办法告诉 VS M

  • 使用 NetBeans 从 java 项目制作可执行文件 [重复]

    这个问题在这里已经有答案了 我在 NetBeans 中创建了一个 java 项目 现在我想用它制作一个可执行文件 该文件可以在安装了 JDK 或 JRE 但没有安装 NetBeans 或任何其他 Java IDE 的其他计算机上执行 运行

  • android hellomap 示例给出异常

    06 14 22 13 33 992 ERROR AndroidRuntime 331 Uncaught handler thread main exiting due to uncaught exception 06 14 22 13 3

  • JavaFXPorts(Gluon 插件) 在 Android 上保存文件

    我在使用 JavaFxPorts 在 Android 上保存文件时遇到问题 我找到了那个链接here 但这对我不起作用 它没有找到接口 我无法使用它 我的目标是使用 JavaFxports 在 Android 上保存文件 Thanks 如果

  • 如何根据 Combobox 的值更改 DataGridView 单元格颜色？

    我有一个 datagridview 如下 我想 当表单加载时 如果Gender列的值为Male 列对应的颜色单元格Name将会是白色的 当 if 改变列的值时Gender 男 女 该列的颜色单元格Name将是深灰色 否则如果更改列的值Gen

  • 如何使用 Java 通过 XSL 转换 XML

    我目前正在使用标准 javax xml transform 库通过 XSL 将 XML 转换为 CSV 我的 XSL 文件很大 大约 950 行 我的 XML 文件也可能很大 它在原型阶段运行良好 只有大约 50 行左右的一小部分 XSL

  • 从 /proc//status 获取 pid 和其他进程信息

    我需要从以下位置获取一些信息 pid 只是一个例子 我知道通过许多其他方式获取它要容易得多 proc PID status 我尝试这样做 include

  • addEventListener 在单击时不触发函数

    这个问题的解决方案可能非常简单 但我需要一些帮助 var x for x in document getElementsByTagName img x addEventListener click openPage false functi

  • SQLite LIKE REGEXP 的替代方案，匹配任何单词的开头

    在 Android 的 SQLite 查询中似乎不可能使用 REGEXP 如果可能的话 请指出我正确的方向 有没有办法使用 LIKE 条件来查询结果中任何单词开头的表达式 例子 Entries 1 最低限度2 铝3 最后一刻 Query m

  • 无法将express-validator与express 3.x一起使用

    我尝试将express validator与express 3 0一起使用 当我调用时它给出了错误 expressValidator require express validator app use expressValidator re

  • SUBSTR 和 INSTR SQL Oracle

    我已经开始在 Oracle 中使用 SUBSTR 和 INSTR 但是当我遇到这个时我感到很困惑 SELECT PHONE SUBSTR PHONE 1 INSTR PHONE 1 FROM DIRECTORY 所以我知道 SUBSTR 截

  • Angular 2 viewchild 不工作 - 无法读取未定义的属性 nativeElement

    我有一个名为 multiselect component 的组件 我访问它的 html 元素之一

  • 使用 Autofac 传入 NLog 声明类的类型

    继从这个问题我希望 autofac 将声明对象的类型注入到 NLog 服务的构造函数中 以便它可以正确记录正在记录条目的类型 我的 NLogService 类看起来像这样 public class NLogService ILogServi

  • 如果我们使用 DSB 是否还需要 DMB

    DSB 是 DMB 的超集吗 如果不考虑性能 DNA可以用DSB代替吗 DSB是的超集DMB所以它可以被替换为DSB如果性能不是问题 From Cortex A 系列程序员指南 数据同步屏障 DSB 该指令强制核心 等待所有挂起的显式数据访

  • 节点立即被杀死 - MacOS

    我一直在尝试调试为什么会发生这种情况以及如何修复它以便我可以工作 问题看起来像这样 node 1 2912 killed node 它发生在yarn and npm所以我假设它node 我找不到任何node提及 var log system

  • 我可以隐藏 HTML5 数字输入的旋转框吗？

    跨浏览器是否有一致的方法来隐藏某些浏览器 例如 Chrome 为数字类型的 HTML 输入呈现的新旋转框 我正在寻找 CSS 或 JavaScript 方法来防止出现向上 向下箭头

热门标签