Каретка перекрывает местозаполнитель и автоматически вводится ввод электронной почты wpcf7 - PullRequest
Новая
       17

Каретка перекрывает местозаполнитель и автоматически вводится ввод электронной почты wpcf7

0 голосов
/ 22 декабря 2018

Мой веб-сайт WordPress, над которым я в данный момент работаю https://atlanticattire.com/contact/, содержит страницу контактов, которая содержит шорткод из контактной формы 7. Когда я не добавляю текстовый код в поле электронной почты, он автоматически предустанавливается на 5 пикселей.и если я делаю -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;
}

Извините, если что-то из этого не имеет смысла, любая помощь будет принята с благодарностью (:

...