Question

我有一个使用bootstrap，联系表单7和wordpress构建的网站。它有一个表单，文字在iPhone或移动响应模式下不可见。 Plz检查url diamovitcarhire .com。

* { 
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.01);
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
*:not(input.field) {    
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input, textarea {
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif ! ;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.01);   
    font-size:large !important;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

Answer 1

删除表单组中的<br>标记并检查。它对我有用。并且应该清理更多的点代码。

删除空的<p>空标记。为了保证金，添加DOM的成本很高。而是给予跨越0r form-group class的保证金。

Answer 2

正如您所说，您使用的是联系表格7，您需要使用未格式化的HTML代码。格式化的联系表单可能会创建不必要的para和换行符。

做这样的事情

<div class="formsearch"> <div id="availabilityform"> <div class="row"> <div class="col-md-12"> <div class="form-group"> <label for="Car">Vehicle Preference</label> [select* Car id:Car class:form-control class:input-md "Range Rover Sport HSE" "Range Rover Vogue" "Range Rover Evoque" "Porsche Cayenne S" "Mercedes-Benz ML" "Audi Q7" "BMW X6" "BMW X5" "Porsche Cayenne Turbo" "Hummer" "Lamborgini Gallardo Spyder" "Bentley GTC" "Ferrari 458 Italia Spyder" "Ferrari California" "Audi R8 V10 Spyder" "Aston Martin" "Ferrari 430 Spyder" "Porsche 911 Turbo Cabrio" "Porsche 911 Carrera S Cabrio" "Jaguar XKR Cabrio" "Maserati Gran Cabrio" "Mercedes Benz E350 AMG Cabrio" "Mercedes-Benz S class Long" "Mercedes-Benz C class" "Mercedes-Benz SLS AMG" "Bentley Continental GT" "Porsche Panamera Turbo"] </div></div></div><div class="row" id="sandbox-container"> <div class="col-md-6" > <div class="form-group"> <label for="StartDate">Start Date </label> [date* StartDate id:StartDate class:form-control date-format:mm/dd/yy min-date:mm/dd/yy max-date:mm/dd/yy]</div></div><div class="col-md-6"> <div class="form-group"> <label for="endDate ">End Date </label> [date* endDate id:endDate class:form-control date-format:mm/dd/yy min-date:mm/dd/yy max-date:mm/dd/yy]</div></div></div><div class="row"> <div class="col-md-6" > <div class="form-group"> <label for="Name">Name</label> [text* Name class:form-control] </div></div><div class="col-md-6"> <div class="form-group"> <label for="phone">Phone </label> [text* Phone class:form-control] </div></div></div><div class="row"> <div class="col-md-12"> <div class="form-group"> <label for="Email">Email </label> [email* Email class:form-control] </div></div></div><div class="row"> <div class="col-md-12"> <div class="form-group"> <label for="Comments">Comments </label> [textarea Comments class:form-control] </div></div></div><div class="c12"> <div class="form-group"> <div class="fps_value">[submit id:submit_vehicle_search class:frontfancybox "Inquiry"]</div></div></div></div></div>

无法在iPhone中填写HTML表单，文本无法正常显示

2 个答案: