Css 移动设备上的背景数据消除

当我在移动设备上时，这个表单就消失了。我真的不明白为什么？有人能帮我弄清楚吗？我已经阅读了代码，但我找不到任何解决方案

.customclass h3{
    margin: 0 0 20px 0;
    font-family: 'Open Sans';
    font-weight: 300;
    color: #444;
    text-transform: none;
    font-size: 24px;
    line-height: 30px;
}

#form_over .formResponsive .formHorizontal .formControls {
    margin-left: 0
}
#form_over .formResponsive .formHorizontal .formControlLabel {
    float: none;
    width: auto;
    padding: 0px;
    text-align: left;
    margin-bottom: 5px
}
#form_over .formResponsive input[type="text"] {
    height: 35px;
    padding-left: 10px;
    font-size: 15px
}
#form_over .formResponsive .formHorizontal .rsform-block {
    margin-bottom: 0
}
#form_over .formResponsive .formBody #tilmeld {
    font-weight: 900;
    font-size: 18px;
    border-radius: 4px;
    background-color: #166687;
    background-image: none;
    line-height: 50px;
    padding-left: 25px;
    padding-right: 25px;
    width: 98% !important;
    max-width: 98% !important;
    border: none;
    text-shadow: none;
    -webkit-appearance: none
}
#form_over .formResponsive .formBody #modtag {
    font-weight: 900;
    font-size: 18px;
    border-radius: 4px;
    background-color: #166687;
    background-image: none;
    line-height: 50px;
    padding-left: 25px;
    padding-right: 25px;
    width: 98% !important;
    max-width: 98% !important;
    border: none;
    text-shadow: none;
    -webkit-appearance: none;
  background-color: #F1A900;
}
#form_over .formResponsive input {
    width: 92%
}
#form_over .formResponsive {
    margin-bottom: 0
} 

---

在

custom.css

文件中，您有以下代码：

@media only screen and (max-width: 767px) { /* mobile devices */

  .customclass {
    position: relative;
    top: 0px; 
    right: 0%;
    z-index: 100;
    height: 74%;
    background: white;
    padding: 0 50px;
    }
}

---

如您所见，当屏幕宽度为767px或更小时，表单的样式将被覆盖。只需删除背景：白色你会没事的。

在你的

custom.css

文件中，你有以下代码：

@media only screen and (max-width: 767px) { /* mobile devices */

  .customclass {
    position: relative;
    top: 0px; 
    right: 0%;
    z-index: 100;
    height: 74%;
    background: white;
    padding: 0 50px;
    }
}

---

如您所见，当屏幕宽度为767px或更小时，表单的样式将被覆盖。只需删除背景：白色你会没事的。

什么正在消失？我无法通过Google Chrome调试工具重现这个问题。我在这里检查了你的链接，你的表单在所有设备上看起来都很好。真的吗？`但是没有像桌面视图那样的灰色背景？`你确定它会消失，而不仅仅是向下移动吗？背景是白色的，但是输入和按钮都很好。什么会消失？我无法通过Google Chrome调试工具重现这个问题。我在这里检查了你的链接，你的表单在所有设备上看起来都很好。真的吗？`但是没有像桌面视图那样的灰色背景？`你确定它会消失，而不仅仅是向下移动吗？背景是白色的，但是输入和按钮都很好。没错！你先回答了哈哈：）。或者干脆说“背景：#EFEFEF”！你先回答了哈哈：）。或者放“背景：#EFEFEF”