我需要你們幫助如何更改單選按鈕的 BG 顏色這是我的代碼。
<input type="radio" className="form-radio h-6 w-6 checked:bg-white text-green-500 p-3 my-4" name="radio" value="1" />
輸出仍然與默認單選按鈕相同。在此處輸入影像描述
uj5u.com熱心網友回復：
您必須使用@tailwindcss/forms- 一個為表單樣式提供基本重置的插件，使表單元素易于使用實用程式覆寫。
- 從 npm 安裝插件：
# Using npm
npm install @tailwindcss/forms
# Using Yarn
yarn add @tailwindcss/forms
- 將插件添加到您的
tailwind.config.js檔案中：
// tailwind.config.js
module.exports = {
theme: {
// ...
},
plugins: [
require('@tailwindcss/forms'),
// ...
],
}
- 然后您可以使用 Tailwind 實用程式類：
https://play.tai??lwindcss.com/6oxQ5F0cXT
uj5u.com熱心網友回復：
使用:checked屬性來實作這一點。
input[type="radio"]:checked {
background-color: #your-color
}
查看codepen中的自定義單選按鈕設計。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/421160.html
標籤：