伪元素 before:content-[*] 使用 arbitrary value 编译后存在未转译的反斜杠

[theoolee]

Taro 3.5 / React

字典是否漏掉了这种情况

[sonofmagic]

是的，漏了这种情况，我加几个测试用例，待会发布一下

[sonofmagic]

我在 1.7.2 版本中修复了这个问题

另外你这个写法应该参考的是 https://tailwindcss.com/docs/hover-focus-and-other-states#before-and-after

<label class="block">
  <span class="after:content-['*'] after:ml-0.5 after:text-red-500 block text-sm font-medium text-slate-700">
    Email
  </span>
  <input type="email" name="email" class="mt-1 px-3 py-2 bg-white border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none focus:border-sky-500 focus:ring-sky-500 block w-full rounded-md sm:text-sm focus:ring-1" placeholder="[email protected]" />
</label>

用的时候需要给 before:content-['*'] 加引号哟。

[theoolee]

我在 1.7.2 版本中修复了这个问题

另外你这个写法应该参考的是 https://tailwindcss.com/docs/hover-focus-and-other-states#before-and-after

<label class="block">
  <span class="after:content-['*'] after:ml-0.5 after:text-red-500 block text-sm font-medium text-slate-700">
    Email
  </span>
  <input type="email" name="email" class="mt-1 px-3 py-2 bg-white border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none focus:border-sky-500 focus:ring-sky-500 block w-full rounded-md sm:text-sm focus:ring-1" placeholder="[email protected]" />
</label>

用的时候需要给 before:content-['*'] 加引号哟。

是的，我掉了引号。非常感谢大佬的及时修复👍