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

更改前

更改后

解决办法

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

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

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

input如何去掉输入框获取焦点时的外边框

input去掉输入框获取焦点时的外边框，只需要设置css样式为：

input {
    background: none;
    border: none;
    /* 重点是 outline: none;  */
    outline: none;
}

效果