Svg <title> mit CSS stylen

[MartinK]

Hallo,

ist es möglich das Aussehen des SVG <title>TEXT</title>) mit CSS zu ändern?

Mein Aufbau:

<svg xmlns="http://www.w3.org/2000/svg" width="" height="" viewBox="0 0 0 0"> 
  <g id="">
    <a id="" href="" >
        <path id="" class=""/>  
        <title>TEXT</title>
    </a>
  </g>
</svg>

Danke für eure Info/Hilfe.

[Tabellenkalk]

Hallo,

ist es möglich das Aussehen des SVG <title>TEXT</title>) mit CSS zu ändern?

Ja.

Gruß
Kalk

Edith meint, das ist ein spezielles Element, das sich offenbar ein wenig ziert…

[Matthias Scharwies]

Servus!

Hallo,

ist es möglich das Aussehen des SVG <title>TEXT</title>) mit CSS zu ändern?

Ich würde das nicht tun. Einerseits ist es zwar ein Tooltip, der aber direkt im Browser abläuft und deshalb nicht stylebar ist.

Im Netz habe ich nur diese Diskussion gefunden: https://stackoverflow.com/questions/21703318/is-it-possible-to-enhance-the-default-appearance-of-svg-title-tooltip

Mein Aufbau:

<svg xmlns="http://www.w3.org/2000/svg" width="" height="" viewBox="0 0 0 0"> 
  <g id="">
    <a id="" href="" >
        <path id="" class=""/>  
        <title>TEXT</title>
    </a>
  </g>
</svg>

Ich würde aus Gründen der Benutzerfreundlichkeit und Zugänglichkeit innerhalb des a-Elements ein text-Element mit einem Link-Text verwenden. Dieser könnte bei :hover, focus und tabindex dann entsprechend angezeigt werden.

Herzliche Grüße

Matthias Scharwies