CSS селектор заполнителя не работает только для цвета

Question

Я пробовал :: placeholder или :: - селектор webkit-input-placeholder для ввода, чтобы изменить цвет заполнителя. Но я нахожу, что только установка цвета не удалась, другие атрибуты, такие как text-align или font-weight работают хорошо.Добавление «Важно» также не работает. Я использовал vue-loader && css-loader && autoprefixer. Но он хорошо работает в codepen только с простым вводом и простым кодом CSS.Вот мой конфиг вебпак

[
        {
            test: /\.scss$/,
            use: ['style-loader','css-loader', 'sass-loader?sourceMap=true']
        },{
            test: /\.less$/,
            use: ['style-loader','css-loader', 'less-loader']
        },
        {
            test: /\.vue$/,
            use: [
                {
                    loader: 'vue-loader',
                    options: {
                        loaders: {
                            scss: 'style-loader!css-loader!sass-loader',
                            css: 'style-loader!css-loader'
                        },
                        postcss: [
                            require('autoprefixer')({
                                browsers: ['Android >= 4', 'ChromeAndroid >= 46', 'iOS >= 8']
                            })
                        ],
                        esModule: false
                    }
                }]
        }]

Answer 1

Я, наконец, нахожу -webkit-text-fill-color, который покрывает цвет, независимо от использования !important ...

Answer 2

Пожалуйста, попробуйте следующий код, который может установить выравнивание и цвет для заполнителя.

::-webkit-input-placeholder { /* Edge */
  color: red;
  text-align:center;
}

:-ms-input-placeholder { /* Internet Explorer */
  color: red;
  text-align:center;
}

::placeholder {
  color: red;
  text-align:center;
}

Надеюсь, это работает для вас.

Спасибо