टेक्स्ट इनपुट में अतिरिक्त पैडिंग क्यों होती है?

Question

मैं <input type="text"> पर क्रॉस-ब्राउज़र placeholder समर्थन के लिए टेक्स्ट ओवरले करने का प्रयास कर रहा हूं)। मैंने पाया है कि मेरी स्थिति हमेशा कुछ पिक्सल से बंद होती है, क्योंकि किसी प्रकार की पैडिंग जिसे padding: 0; सेट करके हटाया नहीं जा सकता है। सुझाव here और here समस्या का समाधान नहीं करते हैं।

आप नीले प्रकाश डाला और पीले रंग की सीमा के बीच सफेद स्थान के रूप में क्रोम से निम्न स्क्रीनशॉट में इस गद्दी देख सकते हैं,:

मैं एक) इस स्थान को हटा सकते हैं कैसे; या बी) जावास्क्रिप्ट का उपयोग कर इसे मापें?

Answer 1

आप अपने खुद के साथ डिफ़ॉल्ट सीमाओं की जगह है, तो गद्दी (, कम से कम मेरे लिए पर क्रोम/मैक) गायब हो जाता:

input { 
    padding: 0; 
    outline: none; 
    border: 1px solid red; 
} 

:

यह सीएसएस मैं प्रयोग किया जाता है

http://jsfiddle.net/NZZ5B/

Answer 2

आपको सबकुछ रीसेट करने की आवश्यकता है। तो इसका उपयोग करने की सबसे अच्छी सिफारिश है:

<style> 
html, body { 

    margin: 0; 
    padding: 0; 

} 
</style> 

आशा है कि इससे मदद मिलेगी।