0

I'm using this library. for an example see the first DEMO (Pre-selected options). the hover effect not working properly in the selected side.(some times the li tag change the color but sometimes doesn't )

Can someone familiar with this please help to resolve this issue.

5
  • Please show your code?
    – PavKR
    May 24, 2014 at 13:22
  • I'm just referring to that site's DEMO. I saw it has a problem. Just ask whether someone in SO know a solution. someone who used it maybe.
    – prime
    May 24, 2014 at 13:29
  • Hmm, what do you mean by 'hover effect not working properly'? It seems to be working okay for me (I'm using FF 29.0.1).
    – PavKR
    May 24, 2014 at 13:32
  • i got the issue like this. try adding few and then wait a bit and add another few. then try to check the hover effect. It will not work on the newly selected ones.
    – prime
    May 24, 2014 at 13:37
  • @thePav : I did some changes to the CSS file like in the answer. BTW I don't know it is the correct way or not.
    – prime
    May 24, 2014 at 13:41

2 Answers 2

0

I did the following to solve that. Don't know it is okay or not. but it worked.

in the CSS file I removed the below code.

/*.ms-container .ms-selectable li.ms-hover,
  .ms-container .ms-selection li.ms-hover{
        cursor: pointer;
        color: #fff;
        text-decoration: none;
        background-color: #08c;
}*/

and added a new code to do it just for li tags.

li:hover{
cursor: pointer !important;
color: #fff !important;
text-decoration: none !important;
background-color: #08c !important;
}
0

You are using Javascript to apply styles (changing classes when mouse is hover). ¿Why no use CSS directly? Simply one change: selector .ms-hover to :hover.

.ms-container .ms-selectable li:hover,
.ms-container .ms-selection li:hover{
        cursor: pointer;
        color: #fff;
        text-decoration: none;
        background-color: #08c;
}
0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.