Search code examples
htmlmaterialize

materializecss breaks plain ul/li rendering

I'm not looking for anything fancy, just the plain, old bullet-points rendering. 

<html>
<head>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
</head>
  <body>
    <ul>
      <li>a</li>
      <li>b</li>
    </ul>
  </body>
</html>

Solution

  • materialize.css sets list-style-type: none, so adding

    li {
    list-style-type: disc !important;
}

    to the custom css brings back the default rendering: