ASPForums.Net RSS Feedhttp://www.aspforums.net/Handlers/RSS.ashxLatest additions to the content that appears on ASPForums.Net(c) 2019 www.aspforums.com. All rights reserved.Apply custom Scrollbar CSS to DropDown menu class using CSS<p>Hi&nbsp;<a class="username" rel="mukesh1">mukesh1,</a></p> <p>Check this example.</p> <p><strong><span style="text-decoration: underline;">HTML</span></strong></p> <div class="demo_block"> <pre class="brush: html">&lt;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&gt; &lt;head runat=&#34;server&#34;&gt; &lt;title&gt;&lt;/title&gt; &lt;link type=&#34;text/css&#34; rel=&#34;stylesheet&#34; href=&#34;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css&#34; /&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js&#34;&gt;&lt;/script&gt; &lt;style type=&#34;text/css&#34;&gt; html { overflow: auto; } .customScrollBar { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; padding: 0px; overflow-y: scroll; overflow-x: hidden; } /* Let&#39;s get this party started */ ::-webkit-scrollbar { width: 7px; } /* Track */ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; } /* Handle */ ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255,0,0,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4); } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;form id=&#34;form1&#34; runat=&#34;server&#34;&gt; &lt;div class=&#34;container&#34;&gt; &lt;div class=&#34;dropdown&#34;&gt; &lt;button class=&#34;btn btn-primary dropdown-toggle&#34; type=&#34;button&#34; data-toggle=&#34;dropdown&#34;&gt; Dropdown&lt;span class=&#34;caret&#34;&gt;&lt;/span&gt; &lt;/button&gt; &lt;ul class=&#34;dropdown-menu customScrollBar&#34; style=&#34;width: 250px; max-height: 300px; overflow-x: auto;&#34;&gt; &lt;table cellspacing=&#34;0&#34; rules=&#34;all&#34; border=&#34;1&#34; id=&#34;grdnotification&#34; style=&#34;border-collapse: collapse;&#34;&gt; &lt;tr&gt; &lt;th scope=&#34;col&#34;&gt; Id &lt;/th&gt; &lt;th scope=&#34;col&#34;&gt; Name &lt;/th&gt; &lt;th scope=&#34;col&#34;&gt; Country &lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; 1 &lt;/td&gt; &lt;td&gt; John Hammond &lt;/td&gt; &lt;td&gt; United States &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; 2 &lt;/td&gt; &lt;td&gt; Mudassar Khan &lt;/td&gt; &lt;td&gt; India &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; 3 &lt;/td&gt; &lt;td&gt; Suzanne Mathews &lt;/td&gt; &lt;td&gt; France &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; 4 &lt;/td&gt; &lt;td&gt; Robert Schidner &lt;/td&gt; &lt;td&gt; Russia &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;br /&gt; &lt;div class=&#34;container&#34;&gt; &lt;div class=&#34;dropdown&#34;&gt; &lt;button class=&#34;btn btn-primary dropdown-toggle&#34; type=&#34;button&#34; data-toggle=&#34;dropdown&#34;&gt; Dropdown 1&lt;span class=&#34;caret&#34;&gt;&lt;/span&gt; &lt;/button&gt; &lt;ul class=&#34;dropdown-menu&#34; style=&#34;width: 250px; max-height: 300px; overflow-x: auto;&#34;&gt; &lt;table cellspacing=&#34;0&#34; rules=&#34;all&#34; border=&#34;1&#34; id=&#34;Table1&#34; style=&#34;border-collapse: collapse;&#34;&gt; &lt;tr&gt; &lt;th scope=&#34;col&#34;&gt; Id &lt;/th&gt; &lt;th scope=&#34;col&#34;&gt; Name &lt;/th&gt; &lt;th scope=&#34;col&#34;&gt; Country &lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; 1 &lt;/td&gt; &lt;td&gt; John Hammond &lt;/td&gt; &lt;td&gt; United States &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; 2 &lt;/td&gt; &lt;td&gt; Mudassar Khan &lt;/td&gt; &lt;td&gt; India &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; 3 &lt;/td&gt; &lt;td&gt; Suzanne Mathews &lt;/td&gt; &lt;td&gt; France &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; 4 &lt;/td&gt; &lt;td&gt; Robert Schidner &lt;/td&gt; &lt;td&gt; Russia &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt;</pre> </div> <p><a class="demo button orange btn btn-red">Demo</a></p>https://www.aspforums.net:443/Threads/349853/Apply-custom-Scrollbar-CSS-to-DropDown-menu-class-using-CSS/https://www.aspforums.net:443/Threads/349853/Apply-custom-Scrollbar-CSS-to-DropDown-menu-class-using-CSS/Thu, 10 May 2018 04:06:45 GMT