Is there a way to change tailwind default style option?

Question

I'm building a blog in NextJS. Apparently in Tailwind's list style type the default style is list-none. So every <ul> <li> elements in my app is not styled at all.

I use remark to process .md files and my function returns <ul> <li> without classes so in this case I can't specify the classes by manually writing them.

• Is there any way to change this default styling so my <ul> <li> is not plain text?
• or is there any way to give a list-disc class to all <ul> <li>?
• or is there any way to exclude certain <div>s from being styled by Tailwind?
• other approach?

I tried this

// tailwind.config.js
  module.exports = {
    corePlugins: {
      // ...
     listStyleType: false,
    }
  }

but it doesn't solve the problem.

Any help would be appreciated.

Answer 1

You can disable the tailwind default nomalized stylings (preflight) from the tailwind.config.js like this:

module.exports = {
  corePlugins: {
    preflight: false,
  }
};