Loại bỏ các gạch đầu dòng từ <ul>

Tôi có danh sách sau đây:

 <ul id="otis">
 <li>Benz</li>
 <li>Other Benz</li>
 <li>Other Other Benz</li>
 </ul>

Tôi muốn thoát khỏi những viên đạn nên tôi đã thử:

 ul#otis {
 list-style-type: none;
 }

Điều đó đã không làm việc mặc dù. Cách thích hợp để loại bỏ các viên đạn từ danh sách được hiển thị là gì?

Giả sử rằng nó không hoạt động, bạn có thể muốn kết hợp idbộ chọn dựa trên cơ sở liđể áp dụng css cho các liphần tử:

#otis li {
    list-style-type: none;
}

Tài liệu tham khảo:

• list-style-typetại Trung tâm phát triển Mozilla .

Bản thân tôi cũng gặp vấn đề cực kỳ khó chịu vì kịch bản không có bất kỳ thông báo nào về tấm styelsheet của tôi. Vì vậy, tôi đã viết:

<ul style="list-style-type: none;">

Điều đó đã không làm việc. Vì vậy, ngoài ra , tôi đã viết:

<li style="list-style-type: none;">

Voila! nó đã làm việc!

Để xóa điểm đạn khỏi danh sách không có thứ tự, bạn có thể sử dụng:

list-style: none;

Bạn cũng có thể dùng:

list-style-type: none;

Hoặc là hoạt động nhưng đầu tiên là một cách ngắn hơn để có được kết quả tương tự.

Đoạn mã sau

#menu li{
  list-style-type: none;
}

<ul id="menu">
        <li>Root node 1</li>
        <li>Root node 2</li>
    </ul>

sẽ tạo ra sản phẩm này:

Thay vào đó, hãy thử điều này, đã thử nghiệm trên Chrome / Safari

ul {
 list-style: none;
}

Đặt

<style type="text/css">
 ul#otis {
     list-style-type: none;
   }
</style>

ngay trước danh sách để kiểm tra nó Hoặc là

<ul style="list-style-type: none;">

Để loại bỏ đạn khỏi ULbạn chỉ cần sử dụng list-style: none;hoặc list-style-type: none;Nếu vẫn không hoạt động thì tôi đoán có vấn đề về CSS ưu tiên . Có thể được xác định toàn cầu UL. Vì vậy, cách tốt nhất để thêm một lớp / ID vào UL cụ thể đó và thêm CSS của bạn ở đó. Hy vọng nó sẽ hoạt động.

Điều này hoạt động hoàn hảo HTML

<ul id="top-list">
        <li><a href="#">Home</a></li>
        <li><a href="#">Process</a></li>
        <li><a href="#">Work</a></li>
        <li><a href="#">Team</a></li>
        <li><a href="#">Contact</a></li>
      </ul>

CSS

#top-list{
  list-style-type: none;
  list-style: none;}

Phải có một cái gì đó khác.

Bởi vì:

   ul#otis {
     list-style-type: none;
   }

chỉ nên làm việc

Có lẽ có một số quy tắc CSS ghi đè lên nó.

Sử dụng trình kiểm tra DOM của bạn để tìm hiểu.

Tôi đã có cùng một vấn đề, và cuối cùng tôi đã sửa nó như thế này:

ul, li{
    list-style:none;
    list-style-type:none;
}

Có thể đó là một chút cực đoan, nhưng khi tôi làm điều đó, nó đã làm việc cho tôi.

đối với biểu định kiểu nội tuyến, hãy thử mã này

<ul style="list-style-type: none;">
    <li>Try This</li>
    </ul>

ma cua ban:

ul#otis {
    list-style-type: none;
}

đề xuất của tôi:

#otis {
    list-style-type: none;

}

Trong css bạn chỉ cần sử dụng #idkhông element#id. gợi ý hữu ích hơn được cung cấp ở đây: w3schools

Tôi đã có một vấn đề giống hệt nhau.

Giải pháp là viên đạn đã được thêm vào thông qua hình nền , KHÔNG qua kiểu kiểu danh sách. Một "nền tảng: không" nhanh chóng và Bob là chú của bạn!