css - HTML: is input box default/calculated content height different across browsers -

-

मान लें कि मेरे पास निम्न कोड है 

 । उपयोगकर्ता नाम {font-size: 30px; पैडिंग-टॉप: 8px; पैडिंग-नीचे: 8 पीएक्स; सीमा: 2px ठोस # E0E0E0; }  
  & lt; इनपुट वर्ग = "उपयोगकर्ता नाम" प्रकार = "पाठ" />

पर लाइव डेमो देखें

मुझे लगता है कि कुल ऊंचाई = सामग्री की ऊंचाई + पैडिंग टॉप + पैडिंग-नीचे + (सीमा -विधि x 2)।

हालांकि, जब ऊंचाई संपत्ति को एक मान असाइन नहीं किया जाता है, तो यह ब्राउज़र की तुलना की गई सामग्री की ऊँचाई की तरह लगता है ब्राउज़र। जैसे कि यह फ़ॉन्ट-आकार + फ़ॉन्ट आकार के आनुपातिक पिक्सल की कुछ मनमानी संख्या का परिणाम था।

विभिन्न ब्राउज़रों सामग्री ऊंचाई के लिए निम्न मान हैं:

  • क्रोम 38: 34 पीएक्स
  • फ़ायरफ़ॉक्स 33: 35 पीएक्स
  • आईई 11: 34.5 पीएक्स
  • आईई 8: 35 पीएक्स

    • नोट: मुझे प्रत्येक ब्राउज़र के अंतर्निहित डेवलपर टूल से मूल्य मिल गया है

    क्या ब्राउज़र से ब्राउज़र के स्थिर मूल्य प्राप्त करने का कोई तरीका है ऊंचाई संपत्ति और न ही लाइन-ऊंचाई संपत्ति ?

    नहीं, आपके द्वारा उल्लिखित विधियों के अलावा यह करने का कोई तरीका नहीं है। यहां तक ​​कि सीएसएस रिसेट / नॉर्मलाइज़र्स इन पर्दे के पीछे के तरीकों का इस्तेमाल करेंगे।

    यदि क्रॉस ब्राउजर सामग्री हाइट्स आपके लिए बहुत महत्वपूर्ण हैं, तो मैं छवियों का उपयोग करने का सुझाव देता हूं।


    Comments

    Post a Comment

    Popular posts from this blog

    c# - XML serialize base class without knowing derived class -

    -
    I know that a XmlSerializer throws an exception if the type passed does not match the type Since then the serializer was created My question is: Is it possible to serial the base type without knowing the derivative type? Consider the following scenario: The following classes are in a top-level domain and there is no dependency : Public Class Serializer {Private Static String Serialize (base basedata) {var serializer = New XML serializer (typefile); Var sb = new stringbilder (); (Var author = XmlWriter.Create (sb)) using {serializer.Serialize (author, bassadata); } Return sb.ToString (); } Private static string Deserialize (...) {...}} Public class base {public string name {get; Set; }} The following derivative classes have additional dependencies on things like UI components, structure, etc. (and more on this later): [Export (Typ (IMyComponent)] Public category was created: Base, IMyComponent, INotifyPropertyChanged {public new string name {get {return base.Name; ...
    Read more

    sql - Find last match with latest inserted name in table -

    -
    मेरे पास एक टेबल है PersonalInfo जैसे कॉलम जैसे आईडी, नाम, पता । मान लें कि मेरा डेटा निम्न है 1 जॉन यूएस 2 मार्क यूके 3 जॉन यूके 4 डेविड यूएस अब जब मैं नया रिकार्ड निम्न सम्मिलित करता हूं 5 जॉन चीन मैं पिछले रिकार्ड को उसी नाम के रूप में अद्यतन करना चाहता हूँ जैसा कि उदाहरण के लिए नया है जैसा कि यहां दिखाया गया है 3 जॉन यूके को 3 जॉन चीन पर अपडेट कर दिया जाएगा। जब मैं 5 वीं रिकॉर्ड को सम्मिलित करता है तो तालिका 1 जॉन यूएस 2 मार्क यूके 3 जॉन चीन 4 डेविड यूएस 5 जॉन चीन मुझे किस SQL ​​क्वेरी का उपयोग करना चाहिए? आईडी मान लेना ऑटो-वर्धित है, यह उस नाम और पता संयोजन के लिए सबसे अधिक मूल्य होगा। सेट पता personalinfo अद्यतन = 'अमेरिका' कहां आईडी = (चयन मैक्स (आईडी) personalinfo से जहां नाम = 'जॉन' और पता = 'ब्रिटेन')
    Read more

    Send innerHTML text in URL in JSP -

    -
    To send innerhtml text of a tag to the URL on the onclick event handler on the JSP page and how to value it in another JSP page get receive? Here is my code & lt; A href = "DocumentViewer.jsp" & gt; Hello & lt; / A & gt; I want to send hello to url. help? You should assume the URL onclick event and use it JSP page In request.getParameter () example code below & lt; A href = "DocumentViewer.jsp? Proces = something" & gt; Hello & lt; / A & gt; And get it in JSP in this way. string supporters = request.getParameter ("proces");
    Read more