使WP插件"Contact Form 7"文本字段光标闪烁

Question

激活时是否可以使Contact Form 7文本字段文本光标闪烁？

我知道当你创建自己的联系表格时有一种方法，但我不认为我可以在CF7中使用这种方法。

感谢您的帮助。

Answer 1

通过调整代码，它可以提供

.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-form-control-wrap:before {
position: absolute;
width: 1px;
height: 80%;
background-color: gray;
left: 5px;
top: 10%;
animation-name: blink;
animation-duration: 800ms;
animation-iteration-count: infinite;
opacity: 1;
content: '';
}
.wpcf7-form-control-wrap input:focus + .wpcf7-form-control-wrap:before {
display: none;
}
@keyframes blink {
from { opacity: 1; }
to { opacity: 0; }
}

<span class="wpcf7-form-control-wrap name">
<input type="text" name="name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false">
</span>