2010-12-31 39 views
19

Các spec specifies rằng người ta có thể sửa đổi danh sách mục (li) đánh dấu bằng cách sử dụng phần tử giả "đánh dấu" như vậy:Có bất kỳ trình duyệt nào hỗ trợ CSS3 phần tử giả "điểm đánh dấu" không?

li::marker { color: blue; } 

Nhưng tôi dường như không thể có được nó để làm việc trong bất kỳ trình duyệt của tôi .

Trình duyệt có hỗ trợ điều này không? Hay tôi đang làm gì sai?

+2

+1 Cảm ơn bạn đã đặt câu hỏi này! Tôi sẽ không biết về phần này của spec mà không có nó. –

+0

Những gì bạn đã làm sai được giả định rằng chỉ vì một W3C TR là công khai, nó sẽ tự động làm cho nó là một phần kinh điển của "spec" và do đó việc triển khai phải tồn tại để bạn sử dụng các tính năng như mô tả. Từ phần mở đầu: "Ấn phẩm như một bản thảo làm việc không bao hàm sự chứng thực của Thành viên W3C. Đây là một tài liệu dự thảo và có thể được cập nhật, thay thế hoặc lỗi thời bởi các tài liệu khác bất kỳ lúc nào. trong tiến trình." – BoltClock

+1

6 năm sau và mọi người vẫn đang tìm kiếm điều này và dường như nó không được thực hiện. Tôi đoán chúng ta sẽ phải tiếp tục sử dụng hack-around. – TecBrat

Trả lời

13

Để trả lời câu hỏi của bạn: không, không trình duyệt nào hỗ trợ câu hỏi này kể từ hôm nay.

+9

Tính đến tháng 3 năm 2014, dường như không có trình duyệt chính nào thực hiện điều này. –

+3

Tính đến tháng 10 năm 2015, tình hình là như nhau. Không có trang CanIUse cho nó, nhưng trạng thái hỗ trợ có thể được theo dõi trên [CSS-Tricks] (https://css-tricks.com/almanac/selectors/m/marker/). –

+1

Tính đến tháng 2 năm 2016, đây vẫn là trường hợp. –

1

Bạn không thể thay đổi màu của điểm đánh dấu một mình, tuy nhiên bạn có thể thay đổi hình ảnh bằng cách sử dụng kiểu danh sách hình ảnh, xem here. Làm việc xung quanh:

<ul><li style="color:blue;"><span style="color:black">test</span></li></ul> 
+1

Cảm ơn, nhưng bit màu chỉ là một ví dụ. Tôi thực sự chỉ muốn biết liệu bất kỳ trình duyệt nào có hỗ trợ phần tử giả cụ thể này hay không, như vậy. (Tôi đặc biệt tìm cách sử dụng thuộc tính 'content'.) –

+0

Cảm ơn. Ý tưởng rất hữu ích cho tôi –

3

Thay vào đó, bạn có thể sử dụng :before?

li { 
display: block; 
list-style-position: inside; 
margin: 0; 
} 
li:before { 
content:" • "; 
color: green; 
} 
+0

Có thể, nhưng đó không thực sự là câu hỏi. –

+0

Đúng. Ai đó có thể thấy nó hữu ích cho đến khi nó được hỗ trợ. – Eystein

+0

Tôi sẽ cung cấp cho bạn tín dụng để thử. :-) –

0

Không có trình duyệt hỗ trợ này nhưng (list-style-type: và các thuộc tính kiểu danh sách) có thể được sử dụng hoặc giả trước và sau các lớp.

Các vấn đề liên quan