कैसे सीएसएस

Question

से पाठ बॉक्स के केवल पढ़ने के लिए गुण सेट करने के लिए मैं की तरह

.inputHide { 
    font-size  : 100px; 
    width   : 100px; 
    height   : 100px; 
    border   : none; 
    background  : transparent; 
    readonly  : true; 
} 

सीएसएस कोड बनाने लेकिन यह काम नहीं करता। यद्यपि मैं टैब का उपयोग करके 1px के फ़ॉन्ट आकार का उपयोग करता हूं, लेकिन मैं उस टेक्स्टबॉक्स & तक पहुंच सकता हूं, इसका मूल्य बदल सकता है।

वहाँ केवल पढ़ने के लिए केवल सीएसएस का उपयोग कर पाठ बॉक्स बनाने के लिए कोई तरीका है ..

Answer 1

मैं रोलैंड के साथ सहमत हैं, लेकिन आप इसे असंपादित के साथ सेट कर सकते हैं:

.inputHide { 
    display: none; 
} 

हालांकि यह यह प्रवाह से बाहर ले जाता है (ताकि वहाँ तत्वों की एक उल्लेखनीय आंदोलन शून्य को भरने के लिए है अपने टेक्स्टबॉक्स बाएं)।

यह विधि इसे पूरी तरह से अदृश्य और अयोग्य बनाता है ... केवल दृश्यमान और गहराई से नहीं (जैसे HTML "अक्षम" या "केवल पढ़ने योग्य" विशेषताएं करेंगे)।

Answer 2

आप केवल अपने स्टाइल सीएसएस के माध्यम से नियंत्रण के व्यवहार निर्धारित नहीं करते हैं, - अगर आप, के रूप में यह झंडा यह केवल पढ़ने के लिए बनाने की जरूरत है वास्तविक नियंत्रण पर इस तरह के

Answer 3

रीडोनली स्टाइल विशेषता नहीं है। तो आप सीएसएस (कैस्केडिंग स्टाइल शीट) के साथ सेट नहीं कर सकते हैं।

Answer 4

सीएसएस का उपयोग इनपुट को पढ़ने के लिए नहीं किया जा सकता है। आप फ़ील्ड की विविधता बदलने के लिए jquery या सरल जावास्क्रिप्ट का उपयोग कर सकते हैं।

Answer 5

$("select").selectize({ 
     onInitialize: function() { 
      this.$control_input.attr("readonly","readonly"); 

     } 
    }); 

Answer 6

अब इस उत्तर में आने वाले लोगों के लिए। अब आप

pointer-events: none;