javascript - Mozilla and IE modifies how my drop down list look, but chrome doesn't -
when view drop down list in chrome looks perfect, when view in mozilla or ie adds drop down arrow don't want. have tried
-moz-appearance:none;
and
opacity:0;
which none of them solved problem correctly. how ride of drop down arrow?
here 1 of drop down lists:
<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>
afaik, it's still bug mozilla messes styling, there workaround (kind of):
select { overflow: hidden; width: 125%; }
not sure ie though
Comments
Post a Comment