input、textarea设置placeholder的颜色不起作用

  开发过程中遇到了这个奇葩问题，设置了textarea元素的placeholder属性颜色但是没显示出效果。设置方式如图1：

突然一下子有点懵，之前的项目里也是这样用的啊，怎么就不行了呢？于是默默的打开原来的项目、启动看看效果，哎呀，怎么也没有效果，这可是之前做好的测试过的项目啊。然后自己新建了一个单html测试下效果。

        

完全正常..........无语了

于是自己开始百度了，。。。也有各种解决方法，不过都跟图1截图里的一样，有的说什么样式要放到app.vue里面（开发的是vue的项目），还有说什么不能用逗号连接使用的，于是我各种尝试、各种换位置、直到所有的位置都试了一遍还是不起作用。又是百度各种搜、结果还是没找到什么针对的结果。无奈求助身边的同事，同事第一反应就是把图1的代码发给了我，我直接无奈的说我就是这么写的，然后一同事不信，在自己的项目里试了一下，有啊，那为啥偏偏我的不行呢？！！！对比了一下代码也没啥不一样的，服了。然后就又是自己瞎鼓捣，突然，不经意间效果出来了，我干了啥呢？赶紧回想刚才的操作，也没干啥啊。脑子一闪，我去，不会吧，这都行？下面分析一下：

大家看图1的代码是不是感觉完全没毛病（如果看到图一就知道问题所在的，应该是有相关经历了），

然后我选中代码（不起作用的代码），再看：

能看出什么问题么？看一下有效果的几个截图：

  

看出有什么不同了么？

有效果的代码color前面要么是空格要么是tab，要么是混合，不起作用的这个，中间这部分空的是什么鬼。

可能是复制或是代码在不同编辑器转换出现了这种情况，试了下其他的属性如果前面有这样的空，也会不起作用，应该是eslint在编译代码的时候起作用了，可能我的编辑器没有自动检查代码错误所以看不出来，才出现的这样的问题，所以啊，有的细节问题不能忽视，下次有问题了，不妨整好自己的代码先。