0

这个小提琴：https ://jsfiddle.net/1tq8gkha/1/显示了问题

<svg xmlns="http://www.w3.org/2000/svg" class="svg-icon" viewBox="0 0 14 10" width="20px" 
     transform="rotate(270)" >

     <path fill="currentColor" d="M 9.21136 7.59931 l 4.48338 -4.86723 c 0.407008 -0.441854 0.407008 -1.15825 0 -1.60046 l -0.73712 -0.80023 c -0.407008 -0.441854 -1.0669 -0.441854 -1.47424 0 L 7 5.19862 L 2.51662 0.33139 c -0.407008 -0.441853 -1.0669 -0.441853 -1.47424 0 l -0.737121 0.80023 c -0.407008 0.441854 -0.407008 1.15825 0 1.60046 l 4.48338 4.86723 L 7 10 l 2.21136 -2.40069 Z" />
</svg>

如果在 Chrome 或 Firefox 中查看，则 V 形标记会正确旋转到右侧。在 Edge 中，未应用变换，它指向下方。

我已经看到一些关于 Edge 不应用 CSS 变换的参考，但所有其他参考都表明在元素上使用变换确实在 Edge 中有效。

这有什么诀窍，还是 Edge 不支持它？

4

0 回答 0