相关疑难解决方法(0)

为什么我不能通过他们的href属性选择元素？

CSS

/* Works */
svg image[type=overlay]{
    outline: 3px solid blue;
}

/* Doesn't work */
svg image[href*='temp']{
    outline: 5px solid red;
}

/* Doesn't work either */
svg image[href='wcs/WFL/position/temp2.png']{
    outline: 5px solid red;
}

SVG

<image display="inline" type="overlay" width="148" height="90" x="920" y="918" transform="" href="wcs/WFL/position/temp2.png"><title>B02003
Temp: 2</title></image>

我注意到浏览器将href属性转换为xlink:href但image[xlink:href*='temp']不起作用.

我怎样才能做到这一点？

编辑: SVG使用以下命名空间,我认为这会导致问题,但我不知道如何解决它.

xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:svg="http://www.w3.org/2000/svg"

小提琴