Question

我正在https://atlanticattire.com/contact/上工作的我的wordpress网站上有一个联系页面，其中包含来自联系表单7的短代码。当我不向电子邮件字段中添加文本缩进代码时，它会自动预设为5px，如果我做-3px左右，它实际上会在从边界到达边缘之前消失。我向其他人添加了文本缩进，但电子邮件字段与其他人之间有点平行，我想知道如何摆脱这种自动缩进。其次，在野生动物园中显示“消息”的文本区域无法正常工作，因为插入符号与占位符文本重叠。我的自定义CSS是：

/* Contact Form Styling */
.wpcf7
{
border-radius: 4px;
}

/*Webkit Placeholder Text Styles*/
::-webkit-input-placeholder { /* WebKit browsers */
color: #000000 !important;
opacity: 1;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000000 !important;
opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000000 !important;
opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #000000 !important;
opacity: 1;
}

.wpcf7 input[type=submit]{
border-radius: 0px;
color:#000;
}

.wpcf7 label {
padding: 0 0 0px 0;
font-size: 20px;
color: #000000 !important;
}

.wpcf7 input[type=email]
{
text-indent: 0.0em !important;
}

.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 
input[type=url], 
.wpcf7 input[type=tel], .wpcf7 input[type=message] {
border-radius: 4px;
background-color: #fff;
color: #000000 !important;
border: 1px solid black !important;
text-indent: 0.6em;
}

.wpcf7 textarea 
{
border-radius: 4px;
background-color: #fff;
color: #000000 !important;
border: 1px solid black !important;
text-indent: 0.6em !important;
}

很抱歉，如果没有任何意义，我们将不胜感激任何帮助（：

插入符号与占位符重叠，并且wpcf7电子邮件输入会自动缩进

0 个答案: