當我green為相同的綠色分配顏色時，border-left為整個邊框分配顏色。但我想要border-left綠色和border黑色，如下面的截圖。
這是我的代碼（我使用 Tailwindcss）
<div className="border rounded flex items-center border-l-4 border-green">
<div className="">
<CalendarIcon className="h-4 mx-2" />
</div>
<div className="flex flex-col -space-y-1 p-1 ">
<div className="text-xs flex text-gray-dark flex-start">
<p>Checkout</p>
</div>
<DatePicker
className=" border-none font-bold h-1 rounded text-sm outline-none focus:ring-0 bg-transparent"
selected={endDate}
onChange={(date) => setEndDate(date)}
selectsEnd
startDate={startDate}
endDate={endDate}
minDate={startDate}
dateFormat="MMMM d, yyyy "
/>
</div>
</div>
這是輸出
uj5u.com熱心網友回復：
我不確定我的問題是否正確。但你不能只使用border-l-green-500或類似的東西嗎？它在順風操場上對我有用。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/443714.html