2013-03-06 5 views
11

के साथ सर्चबार के अंदर कैरेट (ब्लिंकिंग कर्सर) आकार को कैसे समायोजित करें मैंने इसे Google पर करने का प्रयास किया, और आश्चर्यजनक रूप से कोई परिणाम नहीं मिला ... मुझे आश्चर्य है कि मैं खोज बॉक्स के अंदर ब्लिंकिंग कर्सर को समायोजित करने के लिए सीएसएस का उपयोग कैसे कर सकता हूं सीएसएस? मैंने खोज बॉक्स के आकार को समायोजित किया, लेकिन लगता है कि चमकते कर्सर का आकार अभी भी मूल छोटा टेक्स्ट आकार है।सीएसएस

+0

@ mrbinky3000 अच्छी तरह से, यह एक लेख नहीं है, (जैसा कि आप पहले से ही पता है, 2k प्रतिनिधि से अधिक किया जा रहा है) और, अगर आप नए तरीके इस लक्ष्य को प्राप्त करने के लिए के बारे में पता कर रहे हैं का जवाब दे, जो कि किसी और उत्तर देना चाहिए की तुलना में अधिक उत्पादक होगा।) [कैसे कर्सर सीएसएस के साथ/कैरट आकार को नियंत्रित करने के लिए] की –

+0

संभावित डुप्लिकेट (https://stackoverflow.com/questions/6090893; .. * *, और सभी कि जाज "परिवर्तन आप दुनिया में देखना चाहते हैं रहो"/कैसे-से-नियंत्रण-कर्सर-देखभाल-आकार-सीएसएस के साथ) – FFirmenich

उत्तर

3

कर्सर के बजाय कैरेट की तलाश में आपको और परिणाम मिलेंगे।

appearently, यह एक पाठ क्षेत्र में संभव नहीं है, लेकिन जावास्क्रिप्ट के माध्यम से अन्य तत्वों में संभव है:

How to control cursor/caret size with CSS

How to modify the caret with css

और

:

पर एक नजर डालें

Styling text input caret

+0

सरल समाधान के साथ निपटने के लिए एक जटिल तरीका का समाधान नहीं लगता है। उनका उपयोग नहीं करने के लिए, मैं बस रहूँगा, एटीएम मुझे लगता है ......हालांकि अगर किसी और को एक बेहतर समाधान मिला है जो वास्तव में कैरेट के आकार को उस आकार तक बढ़ाता है जो खोज बार इनपुट फ़ील्ड के करीब है, तो इसकी सराहना की जाएगी! –

2

वर्तमान में कैरेट स्टाइल करने का कोई तरीका नहीं है, लेकिन यदि आप इनपुट नियंत्रण मान प्रदर्शित करने के लिए एक और डीओएम तत्व का उपयोग करते हैं तो आप कर सकते हैं। यदि टोपियां अपने संदर्भ में ठीक है How to use this square cursor in a HTML input field?

sample

0

पर एक नजर डालें, एक आसान हैक सीएसएस विशेषता font-भिन्न रूप का उपयोग करने के लिए है: छोटे टोपियां; पाठ से बड़ा कैरेट प्राप्त करने के लिए

एक और तरीका एक इनपुट फील्ड प्रतिस्थापन, किसी ने समय बिताया और achieved something working का उपयोग करके अपनी खुद की देखभाल करना है, लेकिन लेखक मानक देखभाल का उपयोग जारी रखने की सलाह देते हैं।

-1
<style> 
.input_strips { 
font-family: monospace; 

<!--change the font size this will change the input cursor and the text box--> 
font-size: 30px; 
} 
</style> 
0

आप कैरेट की चौड़ाई (कम से कम अब के लिए) नहीं बदल सकते हैं; लेकिन आप आधुनिक ब्राउज़रों

https://developer.mozilla.org/en-US/docs/Web/CSS/caret-color

input { 
caret-color: red; 
caret-color: #ff0000; 
caret-color: rgb(255, 0, 0); 
caret-color: hsl(0, 97%, 50%); 
} 
0

मुझे पता है, वहाँ कैरट शैली के लिए कोई सीधा रास्ता नहीं है के बहुमत के लिए कैरट रंग बदल सकते हैं। इसके बजाय यहां कुछ उपयोगी इंफोस हैं जो आपको इन समस्याओं के माध्यम से अपना रास्ता हैक करने में मदद कर सकते हैं।

डिफ़ॉल्ट रूप से कैरट ऊंचाई फ़ॉन्ट ऊंचाई, केवल समय ऐसा नहीं होगा ले जाएगा, जब लाइन ऊंचाई तो निर्दिष्ट किया जाता है यह इस ऊंचाई पर ले जाएगा है।

तो अगर आप कैरट ऊंचाई आप font-size के माध्यम से या पंक्ति की ऊंचाई के माध्यम से यह कर सकते हैं संशोधित करने के लिए यदि आप फ़ॉन्ट आकार बदलने के लिए नहीं करना चाहती चाहते हैं।