input默认边框怎么去掉(html用户注册表单制作)

我们在做前端开发的时候经常要用到表单输入框,有强迫症的网友会发现这样一个问题,当我们选中了输入框之后,会发现输入框有一个蓝色的边框,超级low的,像这样:

前端开发之CSS去掉输入框选中时的蓝色边框前端开发之CSS去掉输入框选中时的蓝色边框

其实像这种蓝色框不单单输入框有,好像几乎所有的表单元素都有,像下拉菜单、按钮、单选框、复选框等通通有这个问题,那有什么可以去掉这个这么low的蓝边框呢?其实只要一个属性就好了,就是 outline 属性,那么我们在用表单的时候可以这样写:

前端开发之CSS去掉输入框选中时的蓝色边框前端开发之CSS去掉输入框选中时的蓝色边框

就是把你要去掉蓝色边框的表单元素的 outline 属性设置为 none 或 0 就可以了,这样蓝色边框就没有了,有需要的可以试试哦。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至624739273@qq.com举报,一经查实,本站将立刻删除。
Like (0)
柳的头像

相关推荐

发表回复

Please Login to Comment
微信
微信
SHARE
TOP
要想花得少,就用购宝。话费电费9折起,官方公众号:购宝