联系人7表单字段在Safari中不起作用

Question

我正在使用contact 7表单作为我的联系页面..它在safari之外的所有浏览器中都能正常工作。在safari中无法提交表单。在safari中甚至无法为字段提供输入值。如何解决这个？ 谢谢

野生动物园控制台：

firefox控制台：

管理区域的屏幕截图：

<div role="form" class="wpcf7" id="wpcf7-f72-p151-o1" lang="en-US" dir="ltr">
<div class="screen-reader-response"></div>
<form action="/contact/#wpcf7-f72-p151-o1" method="post" class="wpcf7-form col-lg-8 col-md-8 col-sm-12 col-12 dose-contact-form row" novalidate="novalidate">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="72">
<input type="hidden" name="_wpcf7_version" value="5.1.1">
<input type="hidden" name="_wpcf7_locale" value="en_US">
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f72-p151-o1">
<input type="hidden" name="_wpcf7_container_post" value="151">
<input type="hidden" name="g-recaptcha-response" value="">
</div>
<div class="form-field col-lg-6 col-md-6 col-sm-12 col-12">
    <span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required input-text" aria-required="true" aria-invalid="false" placeholder="Your Name"></span>
</div>
<div class="form-field col-lg-6 col-md-6 col-sm-12 col-12">
    <span class="wpcf7-form-control-wrap your-email"><input type="email" name="your-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email input-text" aria-required="true" aria-invalid="false" placeholder="Your E-mail"></span>
</div>
<div class="form-field col-lg-12 col-md-12 col-sm-12 col-12">
<span class="wpcf7-form-control-wrap your-subject"><input type="text" name="your-subject" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required input-text" id="text" aria-required="true" aria-invalid="false" placeholder="Your Title"></span>
</div>
<div class="form-field col-lg-12 col-md-12 col-sm-12 col-12">
    <span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" cols="40" rows="2" class="wpcf7-form-control wpcf7-textarea form textarea" aria-invalid="false" placeholder="Message"></textarea></span>
</div>
<div class="contact-btn form-field align-center">
    <input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit submit-btn" id="submit"><span class="ajax-loader"></span>
</div>
<div class="wpcf7-response-output wpcf7-display-none"></div></form></div>

这是来自inspect元素的表单代码。

Answer 1

最后解决了这个问题。

user-select：none;

应用于我的CSS。只需进行更改即可使一切正常运行