当设置input的placeholder字体大小与input字体大小不一致的时候，placeholder不能垂直居中？

更改前

更改后

解决方法

一

通过改变position并设置top解决问题

input::placeholder {
  font-size: 0.7rem;  // 更改字体大小
  color: #aab2bd; // 更改字体颜色
  position: relative;
  top:-0.1rem%;
}

二（这里只提供一个思路）

一点击输入框，触发一个change事件，修改 input框的class。失去焦点如果内容为空，则class又改回来