如何樣式化SVG節點：在僞元素之前

我試圖設計react-d3-map的標記圖像樣式。沒有辦法改變它的圖像（除了圖書館代碼的變化），所以我想隱藏它並使用：在僞元素之前。如何樣式化SVG節點：在僞元素之前

<image class="icon-map-marker marker" 
     xmlns:xlink="http://www.w3.org/1999/xlink" 
     xlink:href="data:image/png;base64,[...]==" <!-- hardcoded in library --> 
     x="141.98888888888882" y="163.8247013673872" 
     height="25" width="25" 
</image>

但在Chrome的開發者控制檯中的所有CSS定義是灰色的，當然不工作 - 在FF類似

[class*="icon-"]:before { 
    content: "0"; 
    min-width: 1em; 
    text-align: left; 
    display: inline-block; 
    font-size: 18px; 
} 
.icon-map-marker:before { 
    content: "\107F"; 
}

這個CSS的HTML元素的偉大工程。是否有可能爲SVG節點創建僞元素？也許有其他一些方法來改變這個圖像？

更新：我不想設置：之前在SVG元素。但是在SVG層次結構的圖像節點上。

來源

2016-09-19 Neevor

@Mr_Green，我認爲這是相反在這裏，OP要設置'before'僞元素** **上一個SVGElement。儘管這是不可能的;-) – Kaiido

僞元素不能應用於<image>標籤。規格是這樣說的：

注意。本規範沒有完全定義：之前和之後的替換元素（如HTML中的IMG）之間的交互。這個將在未來的規範中更詳細的定義。

另見this answer

來源

2016-09-19 10:36:40

''不是IMG，但是任何svg元素都被視爲替換元素。 – Kaiido

永遠不要說 = 。註釋是「如IMG」...... –

但是在你的引用中沒有任何內容說明它適用於''也不是一般的svg元素。 – Kaiido

如何樣式化SVG節點：在僞元素之前

回答

相關問題