placeholder在某些浏览器下不垂直居中问题（Safari）

贴图：

input的提示语placeholder在Chrome正常，在Safari浏览器不垂直居中。

 

解决方式一：

将input的line-height设置为normal即可。

解决方式二：

padding

解决方式三：

            height: 40px;
            vertical-align: middle;