Glossary definition styling not according to CSS

[tanja]

Hi all,

I am using Oxygen XML Editor 26.1 to create WebHelp output. My output contains a glossary for which I use the styling you kindly provided in topic 24492, that is, the term in my content does not have a hyperlink, but only displays the hover text.
dita-editing-and-publishing-dita-conten ... 24492.html

Without changes to my CSS, the hovered-over text now all of a sudden gets a blue underline in addition to the dotted line from my CSS styling (see attached screenshots). We recently moved from an earlier Oxygen version to 26.1. Could this issue be caused by this update?

Here's the CSS I am using to style the dfn element.

Code: Select all

:root {
    --ssy-pla-accent2: #003340;
}

dfn {
    color: var(--ssy-pla-accent2);
}

dfn:hover {
   color: var(--ssy-pla-accent2);
   text-decoration: underline dotted !important;
   text-underline-offset: 4px !important;
    }

Thanks, and best regards, Tanja

text_no_hover.png

text_hover.png

[julien_lacour]

Hello,

I tried using the template from the other forum post in <oXygen/> XML Editor 26.1, build 2024091606 and I did get the correct output:

image.png

I've used the following sample:

sample.zip

Regards,
Julien