html - example - Eliminando "viñetas" de la lista desordenada<ul>

table html

Question

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 &amp; 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ú

Answer 1

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

Answer 2

En su archivo CSS, agregue siguiente.

ul{
 list-style-type: none;
}

Answer 3

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.

Answer 4

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>

Answer 5

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 &amp; Coaching</a>
    </li>
    <li class="item-514"><a href="#">Personnel Re-deployment</a>
    </li>
</ul>

Answer 6

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