Sign in

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

  • This topic has 3 replies, 2 voices, and was last updated 3 years, 10 months ago by .
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #766
    Avatar photo[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

    #924
    Avatar photo[anonymous]

    Any help, Bob?

    #925
    Avatar photoBob

    `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.

    --
    Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

    #926
    Avatar photo[anonymous]

    It worked.

    Thanks 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Highlight text by using the mark tag / And Keyboard Input element’ is closed to new replies.