css - example - Retire el estilo de desplazamiento sobre Kendo Treeview

treeview angularjs

Question

Estoy tratando de eliminar el estilo hover en el componente treeview de kendoui para que cuando pasé el cursor sobre un elemento en la vista de árbol no tenga una imagen de borde / fondo, etc. Me he deshecho de todo menos del borde, ya que parece que hay estilos adicionales que están en juego y que parece que no puedo localizar. Aquí está mi CSS hasta ahora ... (además del tema predeterminado)

  .k-treeview .k-in.k-state-hover{
    background-image:none;
    background-color:#fff;border:none;


}

.k-treeview .k-in.k-state-selected{
    background-image:none;
    background-color:#fff;color:#000;border:none;}

Actualmente solo muestra un borde que parece ser negro en lugar del gris que estaba allí antes de agregar los estilos anteriores ... ¿Alguna idea de lo que puedo hacer para deshacerme de este borde obstinado?

Answer 1

Con la incorporación de este estilo incrustado en la página, pude hacer que hiciera lo que quería. Creo que esto estaba relacionado en parte con la forma en que el css se estaba cargando (orden) en múltiples sitios web de sharepoint diferentes en la misma página ...

.k-treeview .k-in.k-state-hover, .k-treeview .k-in.k-state-selected {
    border-style: none;
    border-width: 0;
    padding: 2px 4px 2px 3px;
}

Answer 2

Junto con el uso de .k-state-disabled , parece que podría haber encontrado una solución CSS ligeramente mejor.

Los nodos no se mueven del todo, y parece completamente deshabilitado.

.k-treeview .k-in.k-state-hover,
.k-treeview .k-in.k-state-focused,
.k-treeview .k-in.k-state-selected {
    border-color:transparent;
    background-color:transparent;
}

También agregué un poco de JavaScript para evitar la expansión de los nodos y la desactivación de las casillas de verificación.