Glossary definition styling not according to CSS

Post here questions and problems related to editing and publishing DITA content.
tanja
Posts: 40
Joined: Tue Oct 30, 2018 10:49 am

Glossary definition styling not according to CSS

Post by 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_no_hover.png (12.99 KiB) Viewed 485 times
text_hover.png
text_hover.png (11.09 KiB) Viewed 485 times