इनपुट

Question

से स्वतंत्र ड्रॉपडाउन चौड़ाई का चयन करें मैं बहुत लंबे लेबल के ड्रॉपडाउन को प्रस्तुत करने के लिए चयन का उपयोग करने का प्रयास कर रहा हूं। पाठ बहुत व्यापक हो सकता है, लेकिन इनपुट चौड़ाई पर एक बाधा है। टेक्स्ट को पूरी तरह से लपेटें (इनपुट और ड्रॉप डाउन दोनों में) लेकिन आदर्श रूप से ड्रॉप डाउन बेहतर पठनीयता की अनुमति देने के लिए इनपुट से व्यापक पैमाने पर स्केल करने में सक्षम होगा। इनपुट से स्वतंत्र ड्रॉपडाउन चौड़ाई रखने के लिए चयन करना संभव है?

<select style="width:300px" multiple> 
<option value="">Enter some tags...</option> 
<option value="1" selected>QID7_4 : Where do you store your digital photos? Check all that apply.-On a cloud service like iCloud, Dropbox, Google Drive, or Amazon Cloud</option> 
<option value="2">QID5_2 : What do you take pictures of most often? Please rank the following/by drag and drop.-Friends and social activities</option> 
<option value="3">QID13_5 : How important is it to you that your photos are organized in the/following ways?-By quality (including favorites)</option> 

वर्तमान नज़र:

वांछित देखो:

विचार लटकती कम रैप करने के लिए फैलता है, तो पाठ बहुत अधिक पठनीय है।

Example jsFiddle

Answer 1

प्रत्येक लेबल की चौड़ाई जे एस के माध्यम से गतिशील रूप से स्थापित कर रहे हैं। ओवरराइट करने के लिए कि कैसे के बारे में कुछ इस तरह कर रही है:

.selectize-dropdown { 
    width: 600px !important; 
} 

Fiddle

Answer 2

रॉबिन के जवाब मेरे लिए काम नहीं किया। हालांकि निम्नलिखित किया।

.selectize-input { 
    min-width: 600px !important; 
}