html - example - Eliminando "viñetas" de la lista desordenada<ul>
table html (6)
He establecido esto:
list-style: none outside none;
Y HTML:
<ul class="menu custompozition4">
<li class="item-507"><a href=#">Strategic Recruitment Solutions</a>
</li>
<li class="item-508"><a href="#">Executive Recruitment</a>
</li>
<li class="item-509"><a href="#">Leadership Development</a>
</li>
<li class="item-510"><a href="#">Executive Capability Review</a>
</li>
<li class="item-511"><a href="#">Board and Executive Coaching</a>
</li>
<li class="item-512"><a href="#">Cross Cultutral Coaching</a>
</li>
<li class="item-513"><a href="#">Team Enhancement & Coaching</a>
</li>
<li class="item-514"><a href="#">Personnel Re-deployment</a>
</li>
</ul>
pero a pesar de que se muestran balas. (No estoy muy seguro de que esas sean las viñetas de ul, porque cuando pasas el texto, las "viñetas" quedan subrayadas).
Demostración de la imagen: http://i.stack.imgur.com/EoXko.png
El tercer nivel del menú
En mi caso
li {
list-style-type : none;
}
No muestra la bala, pero deja algo de espacio para la bala.
yo suelo
li {
list-style-type : '''';
}
Funciona perfectamente
En su archivo CSS, agregue siguiente.
ul{
list-style-type: none;
}
Has intentado configurar
li {list-style-type: none;}
De acuerdo con Need an desordered list without any bullets , debe agregar este estilo a los elementos li.
Prueba esto funciona
<ul class="sub-menu" type="none">
<li class="sub-menu-list" ng-repeat="menu in list.components">
<a class="sub-menu-link">
{{ menu.component }}
</a>
</li>
</ul>
Puede eliminar las "viñetas" configurando "list-style-type: none;" Me gusta
ul
{
list-style-type: none;
}
O
<ul class="menu custompozition4" style="list-style-type: none;">
<li class="item-507"><a href=#">Strategic Recruitment Solutions</a>
</li>
<li class="item-508"><a href="#">Executive Recruitment</a>
</li>
<li class="item-509"><a href="#">Leadership Development</a>
</li>
<li class="item-510"><a href="#">Executive Capability Review</a>
</li>
<li class="item-511"><a href="#">Board and Executive Coaching</a>
</li>
<li class="item-512"><a href="#">Cross Cultutral Coaching</a>
</li>
<li class="item-513"><a href="#">Team Enhancement & Coaching</a>
</li>
<li class="item-514"><a href="#">Personnel Re-deployment</a>
</li>
</ul>
ul.menu li a:before, ul.menu li .item:before, ul.menu li .separator:before {
content: "/2022";
font-family: FontAwesome;
margin-right: 10px;
display: inline;
vertical-align: middle;
font-size: 1.6em;
font-weight: normal;
}
Está presente en el CSS de su sitio, parece que proviene de un archivo CSS compilado desde su aplicación. Tal vez de un plugin. Cambiar el nombre de la clase "menú" que está utilizando debería resolver el problema.
Visual para ti - http://i.imgur.com/d533SQD.png