关于Chrome 浏览器 input输入框 当placeholder字体大小与文本字体大小不一致时出现placeholder不垂直居中的问题的解决办法

遇到的困难，以及解决办法

 1. chrome 的placeholder不垂直居中的问题
原因：这是chrome的一个bug，当placeholder的字体大小与本身要输入的字体大小不一致时，此时chrome的placeholder就会偏下

尝试解决：网上有不少人也遇到这个问题，并且给出来解决方案，有的说什么一行代码搞定line-height: normal，或者使用-webkit-chrome-placeholder专门对chrome的placeholder进行样式的设置，在stackoverflow、csdn上说的$\underset{\sim \sim \sim \sim \sim \sim }{\mathrm{振振有词}}$，但实际效果却不管用。

真正解决办法：react中，根据input输入框value的值来判断，当有input输入框没有值得时候，只用此时的文本字体大小。当value输入框有值得时候，给定文本另一种字体大小。不要对placeholder设置样式。当然placeholder的提示信息还是要有的。