कर्सर

Question

को बदले बिना में केवल पढ़ने योग्य विशेषता का उपयोग करें यदि मेरे पास फ़ील्ड readonly विशेषता वाला फ़ील्ड है, तो यह अभी भी आई-बीम टेक्स्ट कर्सर के साथ दिखाई देता है। क्या कर्सर को दिखाने से रोकने का कोई तरीका है?

मैं disabled विशेषता का उपयोग नहीं कर सकता क्योंकि request.getParameter() अक्षम फ़ील्ड पर काम नहीं करता है।

Answer 1

पाठ क्षेत्र के लिए अपने रूप में इस मार्कअप का प्रयास करें

<input type="text" value="test" onfocus="this.blur()" readonly="readonly" />

मुख्य बात है जो आपको कर्सर छुपाना onFocus = "यह .blur() "।

Answer 2

readonly तत्वों का विचार यह है कि आप अभी भी टेक्स्ट को पढ़ और कॉपी कर सकते हैं, बस उन्हें संपादित नहीं कर सकते हैं। उस ने कहा, आप CSS attribute selectors का उपयोग कर कर्सर को बदल सकते हैं। यह उदाहरण एक readonly विशेषता के साथ किसी भी input तत्व मिलान हो जाएगा:

input[readonly] { 
    cursor: pointer; 
} 

Answer 3

मैं बूटस्ट्रैप के डिफ़ॉल्ट शैलियों को ओवरराइड नहीं करना चाहता था इसलिए मैं निम्नलिखित समाधान के साथ साथ आया था:

मेरे कम फ़ाइल:

input[readonly] { 
    &.default-cursor { 
     cursor: default; 
    } 
} 

या सीएसएस में:

input[readonly].default-cursor { 
    cursor: default; 
} 

मेरे एचटीएमएल :

<input type="text" class="form-control text-xl default-cursor" readonly> 

Answer 4

उन लोगों के लिए जो बिल्कुल कैरेट दिखाना नहीं चाहते हैं:

input[readonly] { 
    pointer-events: none; 
}