javascript - Mozilla と IE はドロップダウン リストの外観を変更しますが、chrome は変更しません

Question

クロムでドロップダウン リストを表示すると完璧に見えますが、mozilla または IE で表示すると、不要なドロップダウン矢印が追加されます。私が試してみました

-moz-appearance:none;

と

 opacity:0;

それらのどれも私の問題を正しく解決しませんでした。そのドロップダウン矢印に乗るにはどうすればよいですか?

これが私のドロップダウンリストの1つです：

<asp:DropDownList id="DropDownList3" 
        runat="server" 
        AutoPostBack="True" 
        DataSourceID="SqlDataSource1" 
        DataTextField="Plant" 
        DataValueField="Plant" 
            Width="156px" 

        Font-Bold="true" 
            Font-Size="x-Large" 
           style="margin-left: 250px; margin-top:-44.5px;
                  margin-bottom:-20px; 
                  background-color: #FFFFFF; box-shadow:none;
                  outline-color: #FFFFFF; 
                  border: none; 
                  text-align: right;" 
                 Enabled="False">
                </asp:DropDownList>