कैसे करें - इनपुट नंबर से तीर छुपाएं
CSS के साथ इनपुट टाइप नंबर से एरो/स्पिनर हटाने का तरीका जानें।
अंतर देखने के लिए दोनों नंबर इनपुट पर होवर करने का प्रयास करें:
छिपे हुए तीर:
चूक:
कार्यक्षमता पर नोट्स: जब आप संख्या इनपुट के अंदर स्क्रॉल करते हैं तो संख्या में वृद्धि करना अभी भी संभव है।
तीर/स्पिनर निकालें
उदाहरण
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
युक्ति: HTML प्रपत्रों के बारे में अधिक जानने के लिए हमारे HTML प्रपत्र ट्यूटोरियल पर जाएँ।
युक्ति: प्रकार = "संख्या" वाले इनपुट के बारे में अधिक जानने के लिए हमारे HTML इनपुट प्रकार = "संख्या" संदर्भ पर जाएं।