做个小汇总吧！简单的就直接在这写，复杂点的就另开话题，然后在此引用。 
没有章法，想到哪写到哪！ 
1. 改变插入光标的颜色
caret-color: red;

2. 改变placeholder样式
input::placeholder{
  // 自定义样式
}

3. 渐变使用纯色
// 使用两个相同颜色即可
background-image：linear-gradient(#333,#333)

4. 固定宽高比
.box {
  width: 120px;
  aspect-ratio: 16/9;
}