Change Bootstrap menu background color on mouse hover using CSS in ASP.Net

Last Reply one year ago By dharmendr

Posted one year ago

Hi! I used bootstrap menu in asp.net. How I can change color background, hover and dropdown menu by using css?

<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="Form.aspx.cs"Inherits="Bootstrap_Menu.Form"%>

<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<title>Menu</title>
<linkrel="stylesheet"href="css/bootstrap.min.css"type="text/css"/>
<scriptsrc="js/jquery.min-1.12.4.js"type="text/javascript"></script>
<scriptsrc="js/bootstrap.min-3.3.7.js"type="text/javascript"></script>
</head>
<body>
<formid="form1"runat="server">
<navclass="navbar navbar-default"role="navigation"style="border: 0; border-top: 1px solid #777777; border-bottom: 1px solid #777777; background-color: ActiveCaption">
<divclass="container">
	<buttontype="button"class="navbar-toggle"data-toggle="collapse"data-target=".navbar-collapse">
		<spanclass="sr-only"></span>
		<spanclass="icon-bar"></span>
		<spanclass="icon-bar"></span>
		<spanclass="icon-bar"></span>
	</button>
	<divclass="navbar-collapse collapse">
	<ulclass="nav navbar-nav navbar-left">
<liclass="dropdown"style="border-right:2px solid silver;"><ahref="#"class="dropdown-toggle"data-toggle="dropdown">Асосӣ</a>
		<ulclass="dropdown-menu">
		<li><ahref="#">Бақайдгирииаҳолӣ</a></li>
		<li><ahref="#">Навбатбақабул</a></li>	
		<li><ahref="#">Тоқабулитабиб</a></li>
<li><ahref="#">Роҳхатваталон</a></li>
<li><ahref="#">Эмгузаронӣ</a></li>
<li><ahref="#">Репродуктивӣ</a></li>
<li><ahref="#">Қабулитабиб</a></li>
<li><ahref="#">Диспансеркунӣ</a></li>
<li><ahref="#">Қабулиозод</a></li>
<li><ahref="#">Ҷӯстуҷӯифаврӣ</a></li>
<li><ahref="#">Бақайдгириифавтидагон</a></li>
<li><ahref="#">Шуъбаҳоиёрирасон</a></li>
		</ul></li>		
		<liclass="dropdown"style="border-right:2px solid silver;"><ahref="#"class="dropdown-toggle"data-toggle="dropdown">Маълумотномаҳо</a>
		<ulclass="dropdown-menu">
		<li><ahref="#">Табибваҳамшираҳо</a></li>
		<li><ahref="#">Вобасташави</a></li>	
		<li><ahref="#">Сардоронишуъбаҳо</a></li>
<li><ahref="#">Ҳамшираҳо</a></li>
<li><ahref="#">Вобастакуниитабибизанона</a></li>
<li><ahref="#">Вобастакуниикӯчаҳобаминтақа</a></li>
		</ul></li>
		<liclass="dropdown"style="border-right:2px solid silver;"><ahref="#"class="dropdown-toggle"data-toggle="dropdown">Ҳисоботҳо</a>
		<ulclass="dropdown-menu">
		<li><ahref="#">Ҳисоботҳоиумумӣ</a></li>
		</ul></li>
		<liclass="dropdown"style="border-right:2px solid silver;"><ahref="#"class="dropdown-toggle"data-toggle="dropdown">Хизматрасонӣ</a>
		<ulclass="dropdown-menu">
		<li><ahref="#">Бақайдгирииистифодабарандагон</a></li>
		<li><ahref="#">Ивазирамз</a></li>
		</ul></li>
<liclass="dropdown"style="border-right:2px solid silver;"><ahref="#"class="dropdown-toggle"data-toggle="dropdown">Муҳосибот</a>
		<ulclass="dropdown-menu">
		<li><ahref="#">Хазина</a></li>
		<li><ahref="#">Нархномаиқарори 600</a></li>	
		<li><ahref="#">Ҳисоботитабибвабемор</a></li>
		</ul></li>
	</ul>
	</div>
</div>	
</nav>
</form>
</body>
</html>

 

You are viewing reply posted by: dharmendr one year ago.
Posted one year ago

Will you please explain your requirement with more details.

Else refer below link.

Design menu using BootStrap and on mouse hover change the background color of menu using CSS in ASP.Net