Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Css: Firefox 45.3.0 on Mac OS X El Capitan- vertical scrollbar on multiselect element doesn't appear.

Posted on 2016-08-16
1
Medium Priority
?
50 Views
Last Modified: 2016-08-16
In jsfiddle:HTML
<select id="mymultsel" class="listbox" multiple="" size="3"  tabindex="6" name="mymultsel" style="cursor:pointer;">
  <option value="1" selected="">NY</option>
  <option value="2" style="cursor:pointer;">AL</option>
  <option value="3" style="cursor:pointer;">AZ</option>
  <option value="4" style="cursor:pointer;">NE</option>
  <option value="5" style="cursor:pointer;">IL</option>
  <option value="6" style="cursor:pointer;">NJ</option>
  <option value="7" style="cursor:pointer;">FL</option>
  <option value="8" style="cursor:pointer;">OH</option>
</select>
Under CSS:
element.style {
  cursor:pointer;
}
.listBox {
  font: 75%/110% tahoma;
  width: 30ex;
}
The vert scrollbar doesn't show up. It seems to vary from Mac to Mac though. Is it a Firefox theme issue? I am using the default theme.
0
Comment
Question by:renisenbb
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 22

Accepted Solution

by:
Kim Walker earned 2000 total points
ID: 41758804
It is likely a MacOS issue. The past few versions of MacOS have eliminated the scroll arrows. This may be a similar design faux pas. You may have to use the two-finger-scroll on the magic mouse to scroll the multiple select list.

By the way, Tahoma is a Windows system font. Verdana is the cross-platform equivalent.
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
Suggested Courses

722 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question