How to render text boxes on Send to Kindle EPUB KFX

[axu2]

If you send an EPUB with <fieldset> tags that put boxes around text through Send to Kindle, those boxes won't render.

Most EPUB readers add default CSS to fieldset tags.
https://www.w3schools.com/tags/tag_fieldset.asp

But apparently Send to Kindle KFX is not one of them.

So you need to add this CSS manually.

Calibre convert to EPUB:

Look & Feel: Styling: Extra CSS

.system {
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 0.35em;
  padding-bottom: 0.625em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  border: 2px groove;
}

img {
  height: auto !important;
  width: auto !important;
  max-width: 100%;
  display: block;
}

Look & Feel: Transform HTML

If the tag is fieldset
change tag name span
add classes system

Page Setup: Output Profile: Tablet (at the bottom)

Epub Output: EPUB VERSION 3!!

then upload via Send to Kindle website.

Send to Kindle ignores <fieldset> default css that adds boxes and margins around text, so I convert the <fieldset> to <span> and add the missing css manually. system is just a name, I could have called it `anything`

video version: https://www.youtube.com/watch?v=-BdsTClSvD4