Как использовать селектор атрибутов CSS для элемента SVG с атрибутом namespaced href?
Почему я не могу выбрать элементы по их атрибуту 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"