टेक्स्ट चयन बहुत अधिक हाइलाइटिंग

Question

टेक्स्ट चयन पैडिंग के कारण दोनों तरफ बहुत अधिक हाइलाइट करना।

http://jsfiddle.net/JamesKyle/pA7BJ/

मैं इस सीएसएस का उपयोग कर कैसे ठीक करूं? मैंने अलग-अलग चीजों का एक गुच्छा करने की कोशिश की है, जिनमें से कोई भी काम नहीं कर रहा है। (यानी मार्जिन और अन्य गुणों का उपयोग करने की कोशिश कर रहे हैं)।

मैंने कई बार इस मुद्दे में भाग लिया है और इसे कभी भी समझने में सक्षम नहीं हुआ है।

यदि कोई मुझे दिखा सकता है कि इसे कैसे ठीक किया जाए और शायद यह समझाएं कि टेक्स्ट चयन हाइलाइट की गणना कैसे की जाती है, तो मैं इसकी बहुत सराहना करता हूं।

ऐसा प्रतीत होता है कि यह फ़ायरफ़ॉक्स/ओपेरा (आईई का परीक्षण नहीं कर सकता) में नहीं हो रहा है, और यह वेबकिट-आधारित ब्राउज़र तक ही सीमित हो सकता है।

हल:

किसी भी गद्देदार तत्वों को position: relative जोड़ें (यह संभावना एक वेबकिट बग है)।

http://jsfiddle.net/JamesKyle/ejfsM/

Answer 1

यह अजीब बात है। हालांकि, सीएसएस स्थिति बदलने काम करने के लिए, उदा लगता है .: अगर वह अपनी स्थिति में संभव है

div.sizing-container { 
    padding: 75px; 
    position: relative; 
} 

http://jsfiddle.net/LJLdW/

पता नहीं है।

Answer 2

div.sizing-container75px 0px 75px 0px के गद्दी को बदलने से इस मुद्दे को ठीक होगा। इस तत्व पर पैडिंग की वजह से हाइलाइट इतना बड़ा है।

width: 93%; 
padding-left: 3%; 

शरीर के लिए:

तो फिर तुम ऐड बदलने की जरूरत है। और फिर .sizing-container

पर 10px पैडिंग जोड़ें जो इसे मेरे लिए ठीक करता है। मेरे द्वारा यही कहा जा सकता है।