input怎样设置边框圆角,颜色,怎样去掉边框
网页中填写内容时都是要用到input的。今天小编我就来给大家分享
input怎样设置边框颜色,i
npu怎么去掉边框和设置边框圆角的给大家伙。
操作方法
- 01
首先打开自用的编辑器并且预览看看input默认的方框形状。
- 02
然后一定要给input指定宽度和高度并用border-radius适当调节变圆程度。
- 03
接着便是要用border来修改input的边框颜色了,这样可以让input输入框看起来更加完美漂亮。
- 04
这样的input看起来好像没有什么多大的问题了。
- 05
但是当我们用鼠标聚焦在input后就会出现一个矩形边框。这就跟圆角边框产生了冲突了。
- 06
所以要用到outline去把input默认的矩形边框给去掉(none)。
赞 (0)