在css中，可以使用border属性 去掉边框 ，只需要给input元素设置“border:none”样式即可。border属性设置所有的边框属性，当值为none时，表示对 标签元素 不设置边框属性 或者 取消边框属性，定义无边框样式。
本教程操作环境：windows7系统、CSS3 && HT ML 5版、Dell G3 电 脑。
新建一个html文件，命名为 test .html，在test.html文件内，使用 input标签 创建一个文本输入框，默认值为空。给input元素添加一个 class属性 myttpp，用于通过该class设置其css样式。编写<style ty PE ="text/css"></style>标签，页面的css样式将写在该标签内。
<body>
<input type="text" n am e="" class=" ;m yttpp">
</body>在css标签内，通过class(myttpp)设置input的样式，将border属性定义为none，实现去边框。为了显示效果，同时设置 背景颜色 为灰色。
<style>
.myttpp{
border: none;
background: # ccc;
}
</style>在浏览器打开test.html文件，查看实现的效果。
推荐学习：css视频教程
以上就是input如何去掉边框的详细内容，更多请关注其它相关 文章 ！
总结
以上是 为你收集整理的 input如何去掉边框 全部内容，希望文章能够帮你解决 input如何去掉边框 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did199763