css input 如何去掉点击后出现的边框

html-css015

css input 如何去掉点击后出现的边框,第1张

input{ border:1px #ccc solidoutline:none} 可以给边框设置一个颜色,然后把边框轮廓给去掉,点击的时候就不会出现蓝色的边框了,outline设置轮廓的样式,样式是 none时,轮廓不会出现,希望对你有帮助,望采纳!

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<body>标签中,输入html代码:<img src="small.png" style="border: 0" />。

3、浏览器运行index.html页面,此时img图片的边框被去除了。

去除body标签边框的代码: body {

    padding:0  /*去除内边距*/

    border:0   /*去除边框*/

    margin:0   /*去除外边距*/

}

但是,我看你这个边框的情况并不像是浏览器产生的边框,浏览器默认产生的内外边距是纯白无色的,而border默认值本来也就是0,无需重复设置。你程序中这个边框的风格更像是Windows窗体的边框,我觉得主要还是在程序代码中找原因。