We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Highlight text by using the mark tag / And Keyboard Input element

November 15, 2019 at 4:24 am #766

[anonymous]

Hi,

I want to use the kbd input element in the text. I am doing this like this:

`

Please press Ctrl + Shift + R to re-render an MDN page.

`

But there a couple of issues.

The CSS is not getting applied in rendered post.

`.kbd {
background: #eee; color: #333
border-radius: 3px; border: 1px solid #b4b4b4;
font-family: Menlo, Monaco, Consolas, Courier New, monospace;
box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset; }`

Secondly, to use kbd, I need to go to html of the post and manually do this. Is this possible to add an option for KBD and for Mark Tag as well.

Any help please ?

Thanks,

Ajeet

December 4, 2019 at 10:46 am #924

[anonymous]

Any help, Bob?

December 4, 2019 at 10:58 am #925

Bob

`kbd` is an HTML element, not a CSS class, so style it the following way:
`kbd {
color: etc…
}
`

We do not plan to add it to the editor, it is barely used, all in all, a marginal function.

December 4, 2019 at 11:13 am #926

[anonymous]

It worked.

Thanks 🙂