0

tengo un treeview con bootstrap, solamente que no logro eleiminar los puntos marcadores de cada ul y li Como se ve en la imagen. introducir la descripción de la imagen aquí

Investigué y todo me indica que debe capturarse con tipo:

list-style-type: none

Pero ya todo mi CSS tiene ese valor. Y aun asi no se elimina. Dejo el HTML

<li class="item-5 deeper parent">
                        <a class="" href="#">
                            <span data-toggle="collapse" data-parent="#menu-group-1" href="#sub-item-5" class="sign"><i class="icon-plus icon-white"></i></span>
                            <span class="lbl">Menu 2</span> 
                        </a>
                        <ul class="children nav-child unstyled  collapse" id="sub-item-5">
                            <li class="item-6">
                                <a class="" href="#">
                                    <span class="sign"><i class="icon-play"></i></span>
                                    <span class="lbl">Menu 2.1</span>                                    
                                </a>
                            </li>
                        
                        </ul>
                    </li>

Si me puedan ayudar a eliminar esos puntos gracias.

El boostrap que utilizo es la version 3

CSS

* T
------------------------- */
/* theme 1 */
#left ul.nav>li.item-1.parent>a {   /* BORDE*/
    border: solid 1px ;
}
#left ul.nav>li.item-1.parent>a>.sign,
#left ul.nav>li.item-1 li.parent>a>.sign{
    margin-left: 0px;
    background-color: ;
}
#left ul.nav>li.item-1 .lbl {  /*COLOR TEXTO BOTON*/
    color: ;
}
#left ul.nav>li.item-1 li.current>a .lbl {
    background-color: ;
    color: #fff!important;
}
5
  • Por favor, añade el código html y css relacionado con tu pregunta para que podamos ayudarte.
    – Benito-B
    Commented el 5 sept. 2020 a las 22:20
  • Sobre todo menciona que versión de Bootstrap estas incluyendo.
    – Juan Marco
    Commented el 5 sept. 2020 a las 22:29
  • Lo habia añadido pero no se guardo al parecer Commented el 5 sept. 2020 a las 22:43
  • 1
    En qué parte de tu css estás agregando list-style-type: none? porque yo no lo veo
    – Elboy
    Commented el 5 sept. 2020 a las 22:49
  • Lo esta tomando del CSS de boostrap directamente. O donde se debe colocar ? Commented el 5 sept. 2020 a las 22:51

1 respuesta 1

0

Te dejo el código aquí con el style aplicado al vuelo, tú no lo estás poniendo en ningún lado por eso no te funciona

<!-- Aquí, style="list-style-type: none;" -->
    <li class="item-5 deeper parent" style="list-style-type: none;">
        <a class="" href="#">
            <span data-toggle="collapse" data-parent="#menu-group-1" href="#sub-item-5" class="sign"><i class="icon-plus icon-white"></i></span>
            <span class="lbl">Menu 2</span> 
        </a>
        <ul class="children nav-child unstyled  collapse" id="sub-item-5">
            <!-- Y aquí de nuevo, y siempre que quieras hacer un <li> sin estilo deberías ponerlo... y no lo haces en ninguna parte -->
            <li class="item-6" style="list-style-type: none;">
                <a class="" href="#">
                    <span class="sign"><i class="icon-play"></i></span>
                    <span class="lbl">Menu 2.1</span>                                    
                </a>
            </li>
        
        </ul>
    </li>
1
  • Tecnicamente si, pero necesitarás también ponerle display: list-item; Pero... list-style-type:none hace que el elemento no tenga "bullets" o puntitos de lista. Un div ya no los tiene por defecto. Si quieres ponérselo a un div para que todos sus li tengan esa característica, no funcionará... tendrás que ponerlo manualmente en los li o usar una función que lo haga por tí
    – Benito-B
    Commented el 5 sept. 2020 a las 23:00

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.