input输入框placeholder字体大小不一致时，字体无法垂直居中

当设置input的placeholder字体大小与input字体大小不一致时，placeholder的字体无法垂直居中。

代码如下：

input{
    width: 180px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}
input::placeholder{
    font-size: 12px;
}

此时效果为：

解决该问题只需

input::placeholder{
    font-size: 12px;
    position: relative;
    top: -2px;
}

此时效果为：