透明不透亮的bg

Question

我有以下选择：

  <select
    onChange={(e) => handleOnChange(e.target.value)}
    className="block appearance-none bg-transparent pr-5 pl-2 text-base font-bold md:hidden md:pl-0"
  >
    {options.map((option) => (
      <option value={option} key={option}>
        {option}
      </option>
    ))}
  </select>

然而，唯一没有应用的属性是bg-transparent，我不知道为什么

​

​

Answer 1

我必须创建一个定制配置选项，如下所示：

module.exports = {
  mode: "jit",
  purge: ["./src/**/*.{tsx,ts}"],
  darkMode: false,
  theme: {
    colors: {
      transparent: {
        0: "transparent"
      }
...

以便与appearance-none一起使用