css-input的美化

原装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