मेरे पास इनपुट फ़ील्ड के लिए पृष्ठभूमि के रूप में एक छवि है। मैं रेखा-ऊंचाई और फ़ॉन्ट-आकार को आसानी से सेट कर सकता हूं लेकिन जब आप इनपुट के अंदर क्लिक करते हैं, तो कर्सर लाइन पृष्ठभूमि छवि के बाहर होती है।सीएसएस कर्सर लाइन आकार
क्या कोई सीएसएस कथन है (क्या आप उन्हें बुलाते हैं?) जो इसे नियंत्रित करता है?
आप शायद इनपुट में पाठ के रूप में लंबवत रूप से केंद्रित प्रदर्शित करने के लिए line-height उपयोग कर रहे हैं। हालांकि, यह भी आपके मुद्दे का अपराधी है। line-heightnormal पर सेट करते समय, इनपुट के padding सेटिंग्स के साथ प्रयोग करने का प्रयास करें।
हां, लाइन-ऊंचाई।
प्रयास करें:
input {height: 28px; font-size: 10px; padding: 7px 5px;}
यदि आप सवाल पढ़ते हैं तो आप देखेंगे कि ओपी पहले से ही अन्य शैली से संबंधित उद्देश्यों के लिए 'लाइन-ऊंचाई' सेट कर चुका है ... –
पोस्ट Vertically aligning the text cursor (caret?) in an input box with jQuery, Javascript or CSS आपकी मदद कर सकता है।
ऐसा लगता है कि आपका पैडिंग आकार कर्सर आकार और स्थिति को प्रभावित करता है।
अच्छा होगा अगर हम कोड है, तो आप भी कोशिश कर सकते हैं
background:url("yourimage") right top no-repeat;
font-size:12px;
padding:5px 5px;
line-height:normal;
आपके चित्रों का आकार की निर्भर करता है
गद्दी का उपयोग कर के साथ समस्या यह है कि यह विभिन्न ब्राउज़रों में असंगत प्रदर्शित किया जाता है, जबकि line-height इनपुट टेक्स्ट क्षेत्रों में IE7, IE8, IE9, Safari, Chrome, Firefox और Opera में समान रूप से प्रदर्शित होते हैं। ऐसा लगता है कि आपको इनपुट कर्सर या इनपुट टेक्स्ट वर्टिकल संरेखण के बीच चयन करना है।
मुझे एक ही समस्या का अनुभव है सभी ब्राउज़रों में इन अलग-अलग प्रभावों में से। मेरे पास इसे बिल्कुल सही बनाने का कोई तरीका नहीं है :( – Scott
line-height: normal या line-height:inherit का उपयोग करके मेरी तरफ चाल चल गई। आपके उत्तरों के लिए धन्यवाद दोस्तों।
इनपुट टैग में पाठ स्वचालित रूप से लंबवत केंद्रित हो सकता है, उस पर लाइन-ऊंचाई का उपयोग न करें।
मैंने अभी इनपुट की ऊंचाई/पैडिंग के साथ खेला और इसे काम कर लिया सही। अगर मैं इसे – tmartin314
संभालने के लिए सीएसएस में कुछ बनाया गया था तो मैं उत्सुक था :) दुर्भाग्य से हालांकि नहीं। –
क्या होगा यदि मेरे पास [textarea] के लिए एक ही समस्या है (http://stackoverflow.com/questions/17760345/line-height-vs-cursor-height-issue-in-textarea-in-chrome) – imVJ