原装input很丑陋，我们需要人工对其进行装饰才能好看哦！
首先取消选中时的蓝色外边框：outline-style: none ;
若你想取消外边框：border：0 或 border：none 你想取消右边框可以这样： border-right: none;（如果你border: 1px solid #ccc 这样设置了边框你就无法单独取消右边框）解决方法 border-top: 2px solid rgb(182, 182, 182);拆开定义
一般的border设置：border: 1px solid #ccc; 1px是粗细程度 solid是实线，还有很多样式哦（dotted-点状 double-双线 dashed-虚线）#ccc是颜色设置
设置边框圆角：border-radius: 5px 值越大越圆！ 若你想让左上角和右下角变圆可以这样：border-top-left-radius: 10px; border-bottom-right-radius: 10px;
若你想改变宽高：padding: 5px 0px; 也可以用height。宽度width: 300px;
若你想改变字体大小：font-size: 24px（跟css中改变字体样式一样哦）
设置默认内容 placeholder=“默认的内容”
若你想鼠标移入input框中改变border颜色： ipt为input的class
input.ipt:hover{
border-color: teal;
}
若鼠标点击更改border，就把hover改为focus
