Rumah > Artikel > hujung hadapan web > css input怎么去掉边框
css input怎么去掉边框
- 青灯夜游asal
- 2021-04-29 17:17:5011505semak imbas
css去掉input边框的方法：1、使用“border:none;”语句定义无边框样式来去掉；2、使用“border:0;”语句设置边框宽度为0来去掉；3、使用“border:transparent;”语句设置透明边框来去掉。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
方法1：使用border:none;
border属性设置所有的边框属性，当值为none时，表示对标签元素不设置边框属性或者取消边框属性，定义无边框样式。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
input{
background-color: papayawhip;
}
#qd{
border:none;
}
</style>
</head>
<body>
<input type="text" value="测试输入框"/><br /><br />
<input id="qd" type="text" value="测试输入框"/>
</body>
</html>效果图：
方法1：使用border:0;
通过将边框的宽度设置为0来去除
#qd{
border:0;
}效果图：
方法3：使用border:transparent;
通过将边框的样式设置为透明色来去除
#qd{
border:transparent;
}效果图：
（学习视频分享：css视频教程）
Atas ialah kandungan terperinci css 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如何实现图片轮播Artikel seterusnya：css怎样设置按钮不能点击