html - 搜索框和提交按钮出现无边框

Question

非常愚蠢的问题，但无法解决......

在我的 php 元素中，搜索框和提交按钮看起来很奇怪，就像下面 .jpg 图片上的那些，这是为什么以及如何解决这个问题？ (搜索 = otsi:)。

在一个简单的 html 表单上，通常会出现完全相同的代码行，如上方的搜索框(带边框/otsi:)

检查了我的 css，它似乎不影响边框或框。 .php 子页面上的代码很简单:

<header id="header">
<div id="logo"><img src="images/logobmw.png"></div>


<div id="searchbox">

<form action="search.php" method="get" enctype="multipart/form-data">

<input type="search" name="value" size="25" >

<input type="submit" name="search" value="  otsi  " >

</form>
</div>
</header>

(搜索字段的灰色背景是我在 css 中设置的，它实际上是白色的，因此，不可见，因为标题的背景颜色也是白色。

CSS *、body、wrapper 和 header 也非常简单:

 * {        
   margin: 0;
   border: 0;
   padding: 0;
  }

body {
  font-family: Calibri, Georgia, Verdana, arial;
  background-color: #F8F8F8 ;
  font-size: 105%;
  color: #303030;
  line-height: 1.4;
  margin: 0;
}

#wrp {
   width: 80%;
   margin-left: auto;
   margin-right: auto;
}

#header {
  width: auto;
  height: 100px;
  background-color: #fff;
}

Answer 1

选择器“*”适用于所有元素(包括 INPUT)。这将删除您的 INPUT 的边界。

大多数重置样式表不使用“*”，而是针对单个元素，例如。如果您将该选择器替换为以下内容，这应该可以解决您的问题:

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    border:0;
    padding:0;
}