Как изменить цвет подчеркивания в попутном ветре css

Question

Цвет подчеркивания по умолчанию в попутном ветре css - черный. Как я могу изменить этот цвет, например, на светло-зеленый. Они перечислили способ изменения цвета подчеркивания ссылки по умолчанию в базовом стиле, как показано ниже:

@tailwind base;

a {
  color: theme('colors.blue');
  text-decoration: underline;
}

@tailwind components;
@tailwind utilities;

Как можно go изменить нормальный цвет подчеркивания по умолчанию, например, для тега span 1005 *

Answer 1

Нет способа сделать это, используя попутный ветер по умолчанию css build.

Есть 2 способа переопределить цвет подчеркивания

1) Использование простого CSS в вашем глобальном CSS file

.underline {
    text-decoration-color: red;
    text-decoration: underline;
}

2) Расширяет подчеркивание, используя конфигурационный файл попутного ветра css tailwind.config.css

module.exports = {
    theme: {
        extend: {}
    },
    variants: {},
    plugins: [
        function ({addUtilities}) {

            const extendUnderline = {

                '.underline': {
                    textDecoration: 'underline',
                    text-decoration-color: red;
                },
            }

            addUtilities(extendUnderline)
        }
    ]
}