input输入框消失问题

top啦它 2020-09-15 11:06:51
我发现在添加
*{
padding: 0;
border: 0;
}
这一串代码后,input标签的输入框消失了,如果不去掉这一行代码,请问有没有一种方法,可以让input标签的输入框显示出来

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<head>
<style>
*{
padding: 0;
border: 0;
}
/*input{*/
/* padding: 1px;*/
/* border: 1px;*/
/*}*/
</style>
</head>
<body>
<center>
用户名:<input type="text" name="user" value="" width="30"><br>
密码: <input type="password" name="pwd" value="" width="30"><br>
</center>
</body>
</html>
...全文
2582 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
一介青烟小生 2020-09-16
  • 打赏
  • 举报
回复
用个div包着input,div边框也行吧
  • 打赏
  • 举报
回复
标签不是消失了 而是你将边框都设为0所以看上去是变没了

*{
padding: 0;
border: 0;
}
*的话表示所有元素
padding border 我就不说了

input生成时默认有边距的 所以你才能看到你的框 你设置为0所以看不到


你可以debugger下看下输入框的HTML一些属性
jio可 2020-09-16
  • 打赏
  • 举报
回复
*去掉了所以dom的边框,需要显示的用标签加回来就行了 input { border: 1px solid; // 1px的边框默认颜色黑色 }
sha虫剂 2020-09-16
  • 打赏
  • 举报
回复
其实还在那个位置 只是没边框了 背景又是白色 所以看不到
top啦它 2020-09-15
  • 打赏
  • 举报
回复
求解,多谢各位了。

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧