none
Implementation of CSS class on submenus of dropdown list in asp.net RRS feed

  • Question

  • hi,

    I was trying to change the styling of asp dropdown menu using CSS. here is source and CSS:


    <asp:DropDownList CssClass="design"  Style="cursor:pointer;"  ID="DropDownList1" runat="server" >
              <asp:ListItem Selected="True" >vnit</asp:ListItem>
                <asp:ListItem >ycce</asp:ListItem>
                <asp:ListItem>ramdeo</asp:ListItem>
              <asp:ListItem>raisoni</asp:ListItem>
    </asp:DropDownList> 


    css: 

    body { background-image:url(../images/texture.jpg); } h1 { color:white; background-color:aqua; } .design { background-color:transperant; padding: 5px; font-size: 14px; line-height: 0; border:none; height: 31px; color:black; width:270px; -webkit-appearance:none; background:url(../images/Capture3.jpg) no-repeat right ; }

     on running.. when Not clicked (sub-menu is not dropped down) --> giving proper result (i.e. transperant background).

    but on clicking and opening submenu--> the background is white. 

    I googled it all over but no help. Please save me. any suggestions are welcome

    (and does anybody know how to get rid of that annoying default blue color on hovering sub items of dropdownlist asp.net ??)

    H E L P

    Thursday, October 10, 2013 3:56 PM