can'；链接css页面时，看不到html.php表单中的用户输入

我有一个html.php文件，没有任何css渲染。但是，只要我添加以下CSS，就看不到

input

字段（文本、检查等）中的任何值。但是我可以突出显示一个文本字段，复制并粘贴它的内容，所以我知道这些字段包含值

我已经尝试过改变背景和字体的颜色，以防出现问题，但似乎没有什么能改变这种行为。另一个可能与此问题有关的奇怪现象是，当我单击文本字段输入时，（闪烁的）光标可见且大小正确，但当我开始键入且光标在文本框中移动时，它会变为非常小的光标大小。奇怪的同样，没有CSS，html.php表单页面也能正常工作

有人能看看CSS，让我知道是否有一些突出的问题可以解释我所经历的奇怪吗

a {
  text-decoration: none;
}
fieldset {
  max-width: 900px;
}

.formContent {
  box-sizing: border-box;
  max-width: 500px;
  margin: 0 auto;
  padding: 55px;

  background-color:  #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);

  font: bold 14px sans-serif;
  text-align: left;
}

.formContent .formRowDiv {
  text-align: left;
  max-width: 315px;
  margin: 25px auto 0;
}

.formContent .formRowDiv label span {
  /*display: block;*/
  box-sizing: border-box;
  width: 300px;
  /*box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);*/
  /*padding: 12px 18px;*/
  /*border: 1px solid #dbdbdb;*/
}

.formContent input {
  box-sizing: border-box;
  width: 200px;
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
  padding: 12px 18px;
  border: 1px solid #dbdbdb;
  color:  #5f5f5f;
}

.formContent input[type=checkbox],
.formContent input[type=radio] {
  box-shadow: none;
  width: auto;
}

.formContent input[type=text]{
  height: 10px;
  /*margin-bottom: 50px;*/
  font-size: 14px;
  color: orange;
}

.formContent .radioButtons > div {
  margin-bottom: 10px;
}

.formContent .radioButtons label span {
  margin-left: 5px;
  color:  #5f5f5f;
  font-weight: normal;
}

.formContent .textInputShort {
  width: 75px;
}

html {
  background-color: orange;
}

编辑以包含HTML

站点详细信息
站点详细信息

站点Id:
siteId.value=；
网站名称：
siteName.value=；
#HSPA BBUs：
numHspaBbu.value=；

删除以下内容中的“高度”：

于是它变成了：

.formContent input[type=text]{

  /*margin-bottom: 50px;*/
  font-size: 14px;
  color: orange;
}

---

请编辑您的问题以包含此css应用于的html示例。您应该在浏览器中使用调试器工具（FF中的Inspect元素或Chrome中的Inspect），在那里您可以看到应用的样式和覆盖的样式。很好，这样做了。我之前将10px更改为20px没有效果，所以我一直尝试其他设置，没有意识到20px的高度仍然不足以显示字段数据。但现在我必须找出为什么我的文本输入框总是又大又丑。看起来像是填充问题，但注释掉所有填充属性不会改变任何内容。CSS可能是一个邪恶的网络。为什么不使用引导呢？这是一个很棒的开始，你可以随意定制。你知道，我刚刚在最后放弃了那个css文件，我从另一个页面中取出了它，然后从头开始旋转了一个。现在一切都简单多了，呈现出我想要的外观。

    .formContent input[type=text]{
  height: 10px;
  /*margin-bottom: 50px;*/
  font-size: 14px;
  color: orange;
}

.formContent input[type=text]{

  /*margin-bottom: 50px;*/
  font-size: 14px;
  color: orange;
}