Removing “bullets” from unordered list

    前端 未结 6 920
    温柔的废话
    温柔的废话 2020-12-09 01:01

    I have set this:

    list-style: none outside none;
    

    And HTML:

    相关标签:
    6条回答
    • 2020-12-09 01:32

      You can remove the "bullets" by setting the "list-style-type: none;" Like

      ul
      {
          list-style-type: none;
      }
      

      OR

      <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>
      
      0 讨论(0)
    • 2020-12-09 01:36

      In my case

      li {
        list-style-type : none;
      }
      

      It doesn't show the bullet but leaved some space for the bullet.

      I use

      li {
        list-style-type : '';
      }
      

      It works perfectly.

      0 讨论(0)
    • 2020-12-09 01:43

      In your css file add following.

      ul{
       list-style-type: none;
      }
      
      0 讨论(0)
    • 2020-12-09 01:49
      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;
      }
      

      Is present in your site's CSS, looks like it's coming from a compiled CSS file from within your application. Perhaps from a plugin. Changing the name of the "menu" class you are using should resolve the issue.

      Visual for you - http://i.imgur.com/d533SQD.png

      0 讨论(0)
    • 2020-12-09 01:55

      Try this it works

      <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>
      
      0 讨论(0)
    • 2020-12-09 01:56

      Have you tried setting

      li {list-style-type: none;}
      

      According to Need an unordered list without any bullets, you need to add this style to the li elements.

      0 讨论(0)
    提交回复
    热议问题