I made the switch to Mac a long time ago myself, so I can’t help you debug it. But by default this button is hidden on the screen and this code (in contact-form-7/includes/js/scripts.js) makes it visible:
beforeSubmit: function(arr, $form, options) {
[...]
$form.find('img.ajax-loader').css({ visibility: 'visible' });
[...]
},
Likely this isn’t running correctly in your IE11 browser. Check for Javascript errors in your browser when you visit this page. Could be a Javascript conflict with another plugin.
When I’m at the submit part with DOM inspector the color is triggered.
Try removing this code in your style.css
input.wpcf7-form-control.wpcf7-submit{
background-color:#0db14b;
This is from the scripts.js:
$.fn.wpcf7InitForm = function() {
this.ajaxForm({
beforeSubmit: function(arr, $form, options) {
$form.wpcf7ClearResponseOutput();
$form.find('[aria-invalid]').attr('aria-invalid', 'false');
$form.find('img.ajax-loader').css({ visibility: 'visible' });
return true;
},
Seems to look ok.
I tried commenting out
input.wpcf7-form-control.wpcf7-submit{
background-color:#0db14b;
from the css, but made no difference. It works in every other browser except IE11. So frustrating!
Now downloading a VMware Win 8.1/IE11 box to try and re-create the issue.
OK I think this problem actually relates more to using
display: inline-block;
in IE11 than anything Contact 7 related..
I just want to close out this thread (in shame).
The problem ended up being that I neglected to include
-ms-linear-gradient();
in the CSS.
I waay over-thought this problem, and went around the world and back before I solved it. Thanks for the replies though!
