Tailwind 边框在 Angular 中不可见

Question

我正在尝试在我的角度项目中使用 Tailwind 的边框，该项目也使用 Material UI，但是边框不可见。在网络开发工具中，我可以看到我使用过的样式，但只是没有渲染。除了下面之外，页面中没有其他代码-

  <div class="grid grid-cols-4 gap-4">
  <div class="col-span-2 border-2 border-indigo-300 bg-gray-300 ">01</div>
  <div class="border-2 border-indigo-600 bg-gray-300">02</div>
  <div class="border-2 border-indigo-600 bg-gray-300">03</div> 
  </div>

页面只渲染3个灰色框，没有任何边框。

Answer 1

添加 border-solid

已修复此问题

<div class="grid grid-cols-4 gap-4">
 <div class="col-span-2 border border-solid border-indigo-600 bg-gray-300 ">01</div>
  <div class="border border-solid border-indigo-600 bg-gray-300">02</div>
  <div class="border border-solid border-indigo-600 bg-gray-300">03</div> 
</div>