html怎么去掉input边框

百变鹏仔 4周前 (09-22) #HTML

文章标签边框

去掉input边框的方法：1、使用style属性设置“border: 0;”样式；2、使用style属性设置“border-style: none;”样式；3、使用style属性设置“border: transparent;”样式。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

这里有一个HTML文档，有两个input输入框

<!doctype html><html> <head>  <meta charset="UTF-8">  <style type="text/css">  input{  background-color: #FFC0CB;  }  </style> </head> <body><input type="text" /><br /><input type="text" /> </body></html>

可以看出input有边框，那么如果要想去除input的边框，要怎么做？下面介绍几种方法。

立即学习“前端免费学习笔记（深入）”；

方法1：在input元素中使用style属性设置border: 0;样式

<input type="text" /><br /><input type="text" style="border: 0;" />

方法2：在input元素中使用style属性设置border-style: none;样式

<input type="text" /><br /><input type="text" style="border-style: none;" />

方法3：在input元素中使用style属性设置border: transparent;样式

<input type="text" /><br /><input type="text" style="border: transparent;" />

推荐教程：《html视频教程》

文章推荐

html怎么去掉input边框

html代码是什么

值得一学的6个前端HTML+CSS特效

html怎么设置字体

怎么隐藏html标签

html怎么设置编码utf8