Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    mypointofview
    Guest

    Avoid dotted outlines on selection boxes in Firefox

    How to avoid dotted outlines in Firefox when using a drop down menu?

    I know how to do it for normal links but I want to get rid of the dots for the selected item in a drop down menu.

    PHP Code:
    <select class="noprint drop" name="visitorLanguage">
      <
    option value="english">English</option>
      <
    option value="french">Fran&ccedil;ais</option>
      <
    option value="german">Deutsch</option>
    </
    select
    With "noprint" I exclude the box from printing and with "drop" I style the size and font color.

    Please - if somebody could help me it would be great. I'm a designer and these dots just would hinder the accessibility to my art because they are distracting.

    I have tried the trick "outline: none;" and "-moz-outline: none;" and I've played with "focus" etc, but it seems that nothing works.

    Can it even be done?

    EDIT: after another search I experimented with the following which at least avoids the dotted lines after the visitor has chosen from the menu. I added the onchange event using JavaScript (CSS seems at a loss in this case). However the dotted lines appear still when the menu is open:

    PHP Code:
    <select class="noprint drop" name="visitorLanguage" onchange="blur()">
      <
    option value="english">English</option>
      <
    option value="french">Fran&ccedil;ais</option>
      <
    option value="german">Deutsch</option>
    </
    select


    Thanks
    Last edited by mypointofview; 10-31-2007 at 12:35 PM. Reason: Found out more about the problem


 

Posting Permissions

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