我尝试过 ::placeholder 或 ::-webkit-input-placeholder 选择器来更改占位符的颜色。但我发现只有设置颜色失败,其他属性如 text-align 或 font-weight 效果很好。添加'!important'也不起作用。我使用过vue-loader && css-loader && autoprefixer。但它在codepen中运行良好,只需简单的输入和简单的css代码。这是我的 webpack 配置
[
{
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
}
}]
}]