Rumah > Artikel > hujung hadapan web > input如何去掉边框
input如何去掉边框
- 醉折花枝作酒筹asal
- 2021-04-21 15:21:2010771semak imbas
在css中，可以使用border属性去掉边框，只需要给input元素设置“border:none”样式即可。border属性设置所有的边框属性，当值为none时，表示对标签元素不设置边框属性或者取消边框属性，定义无边框样式。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
新建一个html文件，命名为test.html，在test.html文件内，使用input标签创建一个文本输入框，默认值为空。给input元素添加一个class属性myttpp，用于通过该class设置其css样式。编写9a6c6593cd224a767d2b5172bc71b53a531ac245ce3e4fe3d50054a55f265927标签，页面的css样式将写在该标签内。
<body>
<input type="text" name="" class="myttpp">
</body>在css标签内，通过class(myttpp)设置input的样式，将border属性定义为none，实现去边框。为了显示效果，同时设置背景颜色为灰色。
<style>
.myttpp{
border: none;
background: #ccc;
}
</style>在浏览器打开test.html文件，查看实现的效果。
推荐学习：css视频教程
Atas ialah kandungan terperinci input如何去掉边框. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css怎么设置div的边框样式Artikel seterusnya：css如何设置背景图片的大小