www.webdeveloper.com
Results 1 to 2 of 2

Thread: style jumpMenu arrow with css

  1. #1
    Join Date
    Dec 2007
    Posts
    33

    style jumpMenu arrow with css

    I have a jumpMenu that I need to style, see images below for what the current state is and the "goal" of what I need it to look like. I've tried applying a background image but it doesn't show up. Is something like this even possible?

    Page where it's being used:http://earbible.com/

    code for jumpMenu
    Code:
    <select name="lang" class="dropDown2" onchange="jumpMenu('parent',this,0)"><!-- BEGIN: option -->
    <option value="index.php?_g=sw&amp;r={VAL_CURRENT_PAGE}&amp;lang={LANG_VAL}" {LANG_SELECTED} onmouseover="javascript:getImage('language/{LANG_VAL}/flag.gif');">{LANG_NAME}</option><!-- END: option -->
    </select>
    css for dropDown2
    Code:
    .dropDown2 {
    	width: 190px;
    	background-color: #FFFFFF;
    	border: 1px solid #999999;
    	font-size: 11px;
    	color: #000000;
    	margin:5px;
    	}
    javascript for jumpMenu
    Code:
    function jumpMenu(target, object, restore) { 
    	eval(target+".location='"+object.options[object.selectedIndex].value+"'");
    	if (restore) object.selectedIndex=0;
    }
    I have tried this code to get a background image to show, but it doesn't
    Code:
    {
    	width: 160px;
    	background-color: #FFFFFF;
    	border: 1px solid #999999;
    	font-size: 11px;
    	color: #000000;
    	background-image:url(../images/txtINPT.gif);
    	background-position:top left;
    	background-repeat:no-repeat;
    	margin:5px;
    	}
    Please let me know if it is possible to change the look of the arrow to be an image and be used across all browsers.

    Thanks!

    Jen
    Attached Images Attached Images

  2. #2
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    I am sort of thinking that, no, not with HTML. Something about ActiveX needs to be overwritten maybe. There might be 3rd party writes that can do this. I think the 'drop-down button' is considered 'accessibility' and hard-wrote into the shell/chrome and not intended to be messed with (but I HAVE seen it different on some sites, so it CAN be done, -maybe it's an *ASP thing..)

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles