diff --git a/src/assets/scss/global.scss b/src/assets/scss/global.scss
index 1ef764d..b9b5555 100644
--- a/src/assets/scss/global.scss
+++ b/src/assets/scss/global.scss
@@ -500,3 +500,14 @@ a:hover{
margin-left: -3px;
margin-top: -2px;
}
+
+/* 全局隐藏上下箭头 */
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+}
+
+input[type="number"] {
+ -moz-appearance: textfield; /* Firefox */
+}
diff --git a/src/main.js b/src/main.js
index 921b70c..e0a020e 100644
--- a/src/main.js
+++ b/src/main.js
@@ -53,3 +53,15 @@ new Vue({
template: '',
components: { App }
})
+
+// 在Vue实例初始化之前添加全局事件监听器
+document.addEventListener('keydown', function(event) {
+ // 获取触发事件的元素
+ const targetElement = event.target;
+
+ // 如果触发事件的元素是,并且按下的是上下箭头键
+ if (targetElement.tagName === 'INPUT' && targetElement.type === 'number' && (event.key === 'ArrowUp' || event.key === 'ArrowDown')) {
+ // 阻止默认行为,取消按上下箭头键改变值的行为
+ event.preventDefault();
+ }
+});