Horizontal Scrollbar Not Working On Select Tag August 13, 2023 Post a Comment I am trying to set the horizontal scrollbars on a select tag which is not working. Here's the code: <divid='test'style="overflow-x:scroll; width:120px; overflow: -moz-scrollbars-horizontal;"><selectid='mySelect'name="mySelect"size="5"><optionvalue="1">one two three four five six</option><optionvalue="2">seven eight</option><optionvalue="3">nine ten</option><optionvalue="1">one two three four five six</option><optionvalue="2">seven eight</option><optionvalue="3">nine ten</option><optionvalue="1">one two three four five six</option><optionvalue="2">seven eight</option><optionvalue="3">nine ten</option><optionvalue="1">one two three four five six</option><optionvalue="2">seven eight</option><optionvalue="3">nine ten</option></select><divid="divv"style='font-size: 1px'> </div></div><script> $('#divv').css('width', $('#mySelect').outerWidth()); $('#mySelect').css('width', $('#test').outerWidth()); $( "#test" ).scroll(function() { $('#mySelect').css('width', $(this).outerWidth() + $(this).scrollLeft()); }); </script>Copy Share Post a Comment for "Horizontal Scrollbar Not Working On Select Tag"
Post a Comment for "Horizontal Scrollbar Not Working On Select Tag"