Cách loại bỏ các viên đạn khỏi kết quả tự động hoàn thành jquery

Question

Kết quả tự động hoàn thành jquery-ajax của tôi hiển thị một danh sách có dấu đầu dòng. Tôi muốn loại bỏ các viên đạn. Tôi không hiểu ở đâu và những gì tôi cần phải thay đổi trong jquery-ui-1.8.21.custom.css (tải xuống từ trang web giao diện người dùng JQuery).

Mọi đề xuất sẽ được đánh giá cao.

Xin cảm ơn trước.

Answer 1

thay đổi css vị trí hiển thị sở hữu đạn để

list-style: none

Answer 2

đảm bảo lớp autocomplete ui mặc định chứa list-style: none.

ul.ui-autocomplete { 
    list-style: none; 
} 

Answer 3

Đây là lỗi trong jquery-ui v1.9.1 và đã được sửa trong v1.10.3. Nó xảy ra cho IE10 và không 11 như được ghi chú trong jquery-ui defect report (8844).

Cách giải quyết qua trình duyệt (thử nghiệm trong IE6 - 10, Firefox, Chrome, Safari và Opera) là áp dụng CSS sau đây:

.ui-menu-item 
{ 
    /* IE10 fix to remove bullets from showing outside of div*/ 
    list-style-image: url(data:0); 
} 

hoặc chỉ sử dụng một phiên bản sau của jquery sau v1.9.1.

LƯU Ý: điều này khác với câu trả lời của chrisvillanueva để sử dụng list-style: none; giống như một người dùng đăng tương tự trong báo cáo lỗi, tuy nhiên giải pháp đó không được chấp nhận là trình duyệt chéo và dường như là list-style-image: url(data:0); là một lựa chọn thay thế tốt hơn theo khiếm khuyết.

Answer 4

jQuery-ui-1.10.3

Tính năng này hoạt động trong Chrome, IE và Firefox. Nó cũng loại bỏ lề trái nơi viên đạn được sử dụng. Nó có nguồn gốc từ w3Schools http://www.w3schools.com/CSS/css_list.asp

ul.ui-autocomplete { 
    list-style: none; 
    list-style-type: none; 
    padding: 0px; 
    margin: 0px; 
}