How can I change slick-dots inline style "display: block;" to "display: flex;"?-CodePudding

<ul  style="display: block;">
   <li ><button>1</button></li>
   <li ><button>2</button></li>
   <li ><button>3</button></li>
</ul>

I want to value block to flex But I can't find the code from my vsc. I think those codes are inherent automatically. How can I correct it?

CodePudding user response：

<ul  style={{display: "flex"}}>
 <li ><button>1</button></li>
 <li ><button>2</button></li>
 <li ><button>3</button></li>
</ul>

CodePudding user response：

Try this, simple and clean.

<ul className="slick-dots" style={{ display: "flex;" }}>
   <li className=""><button>1</button></li>
   <li className=""><button>2</button></li>
   <li className="slick-active"><button>3</button></li>
</ul>