html - How to style submit button? -

इस सवाल का पहले से ही एक उत्तर है: < / P>

• 4 जवाब

  शैली कैसे सबमिट करें बटन ? यह संभव है या मुझे चित्र (पीएनजी) का उपयोग करना चाहिए? मेरा मतलब कुछ ऐसा है:

  

  ठीक है, आपको पहले सीएसएस या कैस्केडिंग स्टाइल शीट्स के बारे में पता होना चाहिए। वे हमारे वेबपृष्ठों को स्टाइल करने के लिए उपयोग किया जाता है सीएसएस का प्रयोग करके आप अपने बटन को स्टाइल कर सकते हैं।

  उदाहरण के लिए:

  सीएसएस क्या है?

  • सीएसएस
  • स्टाइल शीट्स
  • शैलियां HTML तत्वों को प्रदर्शित करने के तरीके को परिभाषित करती हैं
  • समस्या को हल करने के लिए शैलियाँ HTML 4.0 में जोड़ दी गई हैं
  • बाहरी स्टाइल शीट बहुत सारे काम को बचा सकते हैं
  • बाहरी शैली पत्रक सीएसएस फ़ाइलों में जमा हो जाती है

    आप इस तरह से बटन शैली कर सकते हैं:

      input [type = submit] {सीमा-त्रिज्या: 5px; सीमा: 0; चौड़ाई: 80 पीएक्स; ऊँचाई: 25px; फ़ॉन्ट-परिवार: ताहोमा; पृष्ठभूमि: # एफ 4 एफ 4 एफ 4; / * पुराने ब्राउज़र * / पृष्ठभूमि: -मोझ-रैखिक-ढाल (शीर्ष, # एफ 4 एफ 4 एफ 4 1%, #ededed 100%); / * FF3.6 + * / पृष्ठभूमि: -विबकिट-ग्रेडिएंट (रैखिक, बायां शीर्ष, बायां नीचे, रंग-रोक (1%, # एफ 4 एफ 4 एफ 4), रंग-रोक (100%, # एडेड)); / * क्रोम, सफारी 4 + * / पृष्ठभूमि: -वेबकिट-रैखिक-ढाल (शीर्ष, # एफ 4 एफ 4 एफ 4 1%, #ededed 100%); / * क्रोम 10 +, सफारी 5.1 + * / पृष्ठभूमि: -ओ-रेखीय-ढाल (शीर्ष, # एफ 4 एफ 4 एफ 4 1%, #ededed 100%); / * ओपेरा 11.10+ * / पृष्ठभूमि: -एमएमएस-रैखिक-ढाल (शीर्ष, # एफ 4 एफ 4 एफ 4 1%, #ededed 100%); / * IE10 + * / पृष्ठभूमि: रैखिक-ढाल (नीचे, # एफ 4 एफ 4 एफ 4 1%, #ededed 100%); / * डब्लू 3 सी * / फिल्टर: प्रॉडिड: डीएक्सआईमेजट्रेन्सफ़ॉर्म। माइक्रोसॉफ्ट.ग्रीडियंट (स्टार्टकॉल्जर = '# एफ 4 एफ 4 एफ 4', एंडकोलस्ट्रस्ट्रेट = '# एडडेड', ग्रेडिएंट टाईप = 0); / * IE6-9 * /}