Làm cách nào để có hình ảnh SVG kế thừa màu từ tài liệu HTML?

Tôi có một loạt các hình ảnh SVG mà tôi muốn nhúng vào một trang HTML, được tạo kiểu với CSS.Làm cách nào để có hình ảnh SVG kế thừa màu từ tài liệu HTML?

Tôi muốn có thể có các phần tử trong SVG có màu của chúng được kế thừa từ thuộc tính màu của phần tử HTML gốc.

Tôi đã thử đặt style="stroke: none; fill: inherit" nhưng cách này không hiệu quả.

Nguồn

2012-10-21 user1762639

Hãy xem thông số SVG: http://www.schepers.cc/w3c/svg/params/ref.html – Stan

Câu hỏi của bạn không rõ ràng về cách * bạn nhúng đoạn svg . Nghe có vẻ hơi giống như http://stackoverflow.com/questions/4906148/how-to-apply-a-style-to-an-embedded-svg. Dù sao, nếu các mảnh của bạn là nội tuyến trong html, thì kiểu dáng như trong ví dụ của bạn sẽ hoạt động tốt. –

html sử dụng màu trong khi SVG sử dụng fill và stroke. Bạn có thể nhận được điền hoặc đột quỵ để sử dụng giá trị của thuộc tính CSS màu bằng cách sử dụng giá trị currentColor ví dụ: fill = "currentColor"

Nguồn

2012-10-21 21:19:21

Đây là câu trả lời đúng. –

Điều này không hoạt động với SVG được nhúng, mặc dù, phải không? – obskyr

Nó có, nhưng nó không phải là tài liệu chéo nếu đó là những gì bạn có ý nghĩa. –

Làm cách nào để có hình ảnh SVG kế thừa màu từ tài liệu HTML?

Trả lời

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