www.webdeveloper.com
Results 1 to 3 of 3

Thread: Hide vertical scrollbar in <select> element

  1. #1
    Join Date
    Oct 2012
    Location
    istanbul
    Posts
    64

    Hide vertical scrollbar in <select> element

    Hello,
    Inconsistent across browsers, What is wrong here?

    Please see: http://awesomescreenshot.com/01d1r2d47f
    HTML Code:
    <style>
     .bloc { display:inline-block; vertical-align:top; overflow:hidden; border:solid grey 1px; }
     .bloc select { padding:10px; margin:-5px -20px -5px -5px; }
    </style>
    
    <div class="bloc">
      <select size="8" name="haftanin_gunu[]" id="haftanin_gunu" multiple>  
    		<option value="-1" selected="selected">*</option>
    		<option value="1">Monday</option>
    		<option value="2">Tuesday</option>
    		<option value="3">Wednesday</option>
    		<option value="4">Thursday</option>
    		<option value="5">Friday</option>
    		<option value="6">Saturday</option>
    		<option value="7">Sunday</option>		
      </select>
    </div>
    Thanks in advance

  2. #2
    Join Date
    Sep 2013
    Posts
    221
    If you want to hide only the vertical scrollbar, use overflow-y:

    <style type="text/css">
    body {
    overflow-y:hidden;
    }
    </style>

    Hope this helps you.

  3. #3
    Join Date
    Oct 2012
    Location
    istanbul
    Posts
    64
    Quote Originally Posted by priyankagound View Post
    If you want to hide only the vertical scrollbar, use overflow-y:

    <style type="text/css">
    body {
    overflow-y:hidden;
    }
    </style>

    Hope this helps you.
    Thank you for your answer,

    Not for the entire page.
    http://awesomescreenshot.com/0601r5bn96

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