asp.net - Text displaying on top of img in dropdown with input in IE8 -
i have input before dropdown acts ui dropdown
<input type="text" value="" name=" " class="txtfield"> <asp:dropdownlist runat="server" id="ddamt" skinid="form" datasourceid="ldsamt" datatextfield="xyz" datavaluefield="abc" width="220px" cssclass="dd" appenddatabounditems="true" autopostback="true" onselectedindexchanged="index"> </asp:dropdownlist> .txtfield{ background: url("img.png") no-repeat scroll 98% center #fff; position: absolute; width: 175px; border-radius: 4px; padding-right:26px; overflow:hidden;} .dd{ background-position: left center; height: 32px; opacity: 0; filter: alpha(opacity = 0); padding-left: 5px; text-align: left; width: 209px; position : relative; z-index : 10; display:inline-block;}
my issue in ie8, if dropdown option text more, textbox display text goes on top of image till complete width, should not happen padding-right given input. works fine in ff,chrome i.e hides text before img.png
Comments
Post a Comment