css3 - sobre - mostrar texto al pasar el mouse css

¿Cómo hago para abrir un menú de Kendo al pasar el mouse, no al hacer clic?

Question

Tengo un menú de Kendo como mi menú principal, con config comenzando como

@using Kendo.Mvc.UI
@(Html.Kendo().Menu()
    .Name("main-menu")
    .OpenOnClick(false)
    .Items(items1 =>

Al no encontrar otra opción de configuración, pensé que hacer que OpenOnClick falso haría cierto OpenonHover mágico. Quiero que los elementos del menú con niños se abran al pasar el mouse para que pueda eliminar la flecha a la derecha del texto del elemento del menú principal, ya que no hay absolutamente ningún espacio entre la flecha y el tic. Intenté infructuosamente los :after'' pseudo-selectors to insert space, to no avail. All I could get inserted was a literal :before y :after'' pseudo-selectors to insert space, to no avail. All I could get inserted was a literal :after'' pseudo-selectors to insert space, to no avail. All I could get inserted was a literal "jeje".

Answer 1

Echa un vistazo a este jsfiddle . Para tu información, está usando jQuery, no usando Html helper . Espero que sea útil para ti.

Puede abrir el menú al desplazarse.