ड्रॉप डाउन सूची की सीमा को कैसे हटाएं: सीएसएस

Question

मैं ड्रॉप डाउन सूची के बाहर आने वाली सीमा को हटाना चाहता हूं।
मैं कोशिश कर रहा हूँ:

select#xyz option { 
    Border: none; 
} 

लेकिन मेरे लिए काम नहीं करता।

Answer 1

: बजाय इस प्रयास करें

select#xyz { 
    border:0px; 
    outline:0px; 
} 

आप इसे पूरी तरह से शैली नहीं दे सकते, लेकिन आप

select#xyz { 
    -webkit-appearance: button; 
    -webkit-border-radius: 2px; 
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); 
    -webkit-padding-end: 20px; 
    -webkit-padding-start: 2px; 
    -webkit-user-select: none; 
    background-image: url(../images/select-arrow.png), 
    -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); 
    background-position: center right; 
    background-repeat: no-repeat; 
    border: 1px solid #AAA; 
    color: #555; 
    font-size: inherit; 
    margin: 0; 
    overflow: hidden; 
    padding-top: 2px; 
    padding-bottom: 2px; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
} 

Answer 2

आप ड्रॉप डाउन बॉक्स को ही स्टाइल नहीं कर सकते, केवल इनपुट फ़ील्ड। बॉक्स ऑपरेटिंग सिस्टम द्वारा प्रदान किया जाता है।

आप अपने इनपुट फ़ील्ड देखो पर अधिक नियंत्रण चाहते हैं, तो आप हमेशा JavaScript solutions पर गौर कर सकते हैं।

यदि, आपका इरादा इनपुट से सीमा को हटाना था, तो आपका चयनकर्ता गलत है। सबसे आप प्राप्त कर सकते है

select#xyz { 
    border: none; 
} 

Answer 3

select#xyz { 
    border:0px; 
    outline:0px; 
} 

सटीक समाधान की तरह कुछ कोशिश कर सकते हैं।