I'm not quite sure why, but the CSS code in this fiddle does not work properly in Chrome. In Firefox, if you hover on one of the \[code\]li\[/code\] elements, the text would become visible but not in Chrome. Apparently, in Chrome if you change the \[code\]display\[/code\] attribute on hover, the whole CSS rule for the \[code\]li\[/code\] element would just get ignored (The state doesn't change to hover actually). However, if you use the Chrome Developer Tools to change the state of the element manually, it'd work just fine. Am I missing something here? Or is this a bug in Chrome? I've tested this in Chrome 22 (stable release) and 24 (dev channel release).
Chrome Does Not Change li Element State
- Thread starter sssrk11
- Start date