నంబర్ ఇంపుట్ లో పంజలను ఎలా దాచాలి

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