/ / फ़ायरफ़ॉक्स और इंटरनेट एक्सप्लोरर में ड्रॉपडाउन के लिए यूआई मुद्दा - सीएसएस, एचटीएमएल 5, इंटरनेट-एक्सप्लोरर, फ़ायरफ़ॉक्स

फ़ायरफ़ॉक्स और इंटरनेट एक्सप्लोरर में ड्रॉपडाउन के लिए यूआई मुद्दा - सीएसएस, एचटीएमएल 5, इंटरनेट एक्सप्लोरर, फ़ायरफ़ॉक्स

मैंने एक ड्रॉप डाउन बनाया

<div class="col-lg-2 header-dropdown">
<select (change)="onProjectChange($event.target.value)">
<option *ngFor="let project of projectNameList" [value]="project.name" [selected]="project.selected">{{project.name}}</option>
</select>
</div>

मेरा ड्रॉपडाउन क्रोम में ऐसा दिख रहा है

और फ़ायरफ़ॉक्स और इंटरनेट एक्सप्लोरर में यह इस प्रकार है

यहां छवि विवरण दर्ज करें

कुछ सफेद पृष्ठभूमि तीर में आ रही है, इसे कैसे ठीक करें?

उत्तर:

जवाब के लिए 0 № 1

क्योंकि आप इसका उपयोग नहीं करते हैं,

select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

select::-ms-expand { display: none; } /*For IE */