html - Dropdown Menu CSS and Select tag in Chrome Ubuntu -
html - Dropdown Menu CSS and Select tag in Chrome Ubuntu -
hello have got problems of you!
i have made dropdown menu in css , create select tag alternative below menu when seek select of alternative in select tag sub-menu of dropdown menu shown up. don't want sub-menu shown up.
do have thought it? below code
css:
ul#menu, ul#menu ul.sub-menu { padding:0; margin: 0; } ul#menu li, ul#menu ul.sub-menu li { list-style-type: none; display: inline-block; } /*link appearance*/ ul#menu li a, ul#menu li ul.sub-menu li { text-decoration: none; color: #fff; background: #666; padding: 5px; display:inline-block; } /*make parent of sub-menu relative*/ ul#menu li { position: relative; } /*sub menu*/ ul#menu li ul.sub-menu { display:none; position: absolute; top: 30px; left: 0; width: 100px; } ul#menu li:hover ul.sub-menu { display:block; }
html:
<html> <head> <link rel="stylesheet" type="text/css" href="s.css"> </head> <ul id="menu"> <li><a href="#">menu 1</a> <ul class="sub-menu"> <li><a href="#">sub menu 1</a></li> <li><a href="#">sub menu 2</a></li> <li><a href="#">sub menu 3</a></li> <li><a href="#">sub menu 4</a></li> </ul></li> </ul> <select name="denomination" tabindex="0" title="" alt=""> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> </select> </html>
thanks!!!!
this bug, of course. chrome tries restore hover state after select alternative click event. process runs after alter event, can prevent anomaly little trick global class , settimeout()
.
check reply same problem here.
html css google-chrome ubuntu web
Comments
Post a Comment