Glossary definition styling not according to CSS
Posted: Wed Aug 28, 2024 2:13 pm
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.
Thanks, and best regards, Tanja
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;
}