Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

क्रोम इनपुट प्रकार ="संख्या" सीएसएस स्टाइल


इनपुट टाइप =संख्या को स्टाइल करने के लिए, निम्नलिखित CSS का उपयोग करें -

input[type=number]::-webkit-inner-spin-button {
   -webkit-appearance: none;
}

उपरोक्त बिना स्पिनर के दिखाता है।

स्पिनर को दिखाने और स्टाइल करने के लिए, उपयोग करें

input[type=number]::-webkit-inner-spin-button {
   opacity: 1;
}

आउटपुट

उपरोक्त निम्न आउटपुट दिखाता है -

क्रोम इनपुट प्रकार = संख्या  सीएसएस स्टाइल


  1. CSS के साथ इनपुट प्लेसहोल्डर टेक्स्ट को स्टाइल कैसे करें

    CSS के साथ HTML इनपुट एलीमेंट के प्लेसहोल्डर टेक्स्ट को स्टाइल करने के लिए, आपको छद्म-तत्व को लक्षित करना होगा गुण। आप CSS छद्म चयनकर्ता के साथ ऐसा करते हैं :: । प्लेसहोल्डर टेक्स्ट के साथ एक नियमित इनपुट तत्व डिफ़ॉल्ट ब्राउज़र स्टाइल के साथ प्लेसहोल्डर टेक्स्ट कैसा दिखता है: CSS अब चलिए CSS ::p

  1. CSS के साथ सभी <इनपुट> तत्वों को मान्य मान के साथ स्टाइल करें

    CSS का उपयोग करें:मान्य चयनकर्ता सभी तत्वों को एक मान्य मान के साथ स्टाइल करने के लिए। उदाहरण आप :वैध चयनकर्ता को लागू करने के लिए निम्नलिखित कोड चलाने का प्रयास कर सकते हैं: <!DOCTYPE html> <html>    <head>       <style>        

  1. कैसे सीएसएस के साथ इनपुट प्रकार संख्या से तीर / स्पिनरों को दूर करने के लिए?

    सीएसएस का उपयोग करके इनपुट प्रकार से तीरों/स्पिनरों को हटाने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> input::-webkit-outer-spin-button, input::-webk