restoring default fieldset behavior with inline css

  Kiến thức lập trình

My company is using https://tabler.io/ CSS and it’s kinda mucking up fieldsets. eg.:

<fieldset>
  <legend>Demo</legend>
  Field 1: <input type="text"><br>
  Field 2: <input type="text">
</fieldset>

This is how that fieldset appears without tabler.io mucking things up:

Here’s how it looks like with tabler.io:

Unfortunately, it’s not clear to me how to restore the default behavior with inline CSS

I can get the border to reappear by adding style="border: 1px solid" to <fieldset> but idk how to make the word “Demo” appear inline.

Here it is on JSFiddle:

https://jsfiddle.net/vbe42dpn/

Any ideas?

LEAVE A COMMENT