Contact Form7の確認画面時に.is-confirmを付与する
<?php if( $page_slug == 'contact' || $page_slug == 'recruit' ):?>
<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
location = '/cms/thanks/';
}, false );
</script>
<?php endif; ?>
input[type="text"],
input[type="tel"],
input[type="email"],
select,
textarea {
/* cancel */
border-radius: 0;
-webkit-appearance: none;
/* custom */
font-size: 16px;
border: 1px solid #ddd;
box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.12);
padding: 7px .5em 8px;
.is-confirm & {
border: none;
background: none!important;
box-shadow: none;
}
}
input:-webkit-autofill {
&.wpcf7c-conf {
.is-confirm & {
box-shadow: 0 0 0px 1000px #fff inset;
}
}
}
// onだとイベントを重複して登録してしまうので、addEventListnerを使用
on_confirm: "var $wpcf7 = $('.wpcf7'); $wpcf7.addClass('is-confirm');$('#back')[0].addEventListener('click', function() { $wpcf7.removeClass('is_confirm'); });"
//on_sent_ok: "location.replace('/thanks/');" //使用中止