html - Trouble getting drop down's selected li to stay in a hover state -


i'm having difficulties drop down menu created. if go of main list items , move mouse away, main list item goes native state.

i created fiddle https://jsfiddle.net/7wmqdxv1/ show going on.

the list items going black are:

<li><a href="myaccount.php">manage</a> <li><a href="">reports</a> 

etc.

i want main list item remain white when move mouse down drop down list displays. have changed list's hover color white, everything, cannot work.

any ideas?

if understand correctly, have move hover statement a li

.signinbar li:hover {     color: #ffffff; } .signinbar li:hover a{     background-color: #282828;     -o-transition:color .4s ease-out, background .3s ease-in;     -ms-transition:color .4s ease-out, background .3s ease-in;     -moz-transition:color .4s ease-out, background .3s ease-in;     -webkit-transition:color .4s ease-out, background .3s ease-in;     /* ...and proper property */  transition:color .4s ease-out, background .3s ease-in; 

}

jsfiddle demo


Comments

Popular posts from this blog

javascript - oscilloscope of speaker input stops rendering after a few seconds -

javascript - gulp-nodemon - nodejs restart after file change - Error: listen EADDRINUSE events.js:85 -

Fatal Python error: Py_Initialize: unable to load the file system codec. ImportError: No module named 'encodings' -