<label> применяется CSS появляется в нижней части текстовой области. Как это скрыть? - PullRequest
Новая
       15

<label> применяется CSS появляется в нижней части текстовой области. Как это скрыть?

0 голосов
/ 05 апреля 2020

Я использую плагин Contact Form 7 в Wordpress, чтобы добавить форму. Я сталкиваюсь с проблемой при использовании textarea в форме; У меня есть теги с background-color: #0090bc;. Однако он также отображается под текстовой областью.

image CSS below [textarea]">

КОД ПЕРЕДНЕГО КОНЦА ДЛЯ HOWARD E
Надеюсь, это поможет 

<p><label>Aim of Website<br>
<span class="wpcf7-form-control-wrap your-website-goal-1"><textarea name="your-website-goal-1" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" placeholder="e.g. 'I just need a website so that I can link people to it through social media'..."></textarea></span></label></p>

Я пытался обернуть его в div и установить CSS

.full-spread textarea{
width: 100%;
height: 100%;
float: left;
position:relative;
}

Хотя это технически исправляет проблему, с которой я сталкиваюсь, когда между следующим элементом ниже этого div нет промежутка, и я также не могу понять, как решить эту новую проблему.

Это, однако, не решает мою проблему, поэтому вы можете игнорировать ее.

Вот мой код для поддержки снимков экрана: 

<label>Aim of Website[textarea your-website-goal-1 placeholder "e.g. 'I just need a website 
so that I can link people to it through social media'..."]</label>
</div>


<label>Websites you've seen online that you like
[textarea influenced-website-1 placeholder "e.g. ''www.thiswebsite.com' - I like how this website details everything on one page'..."]</label>
<div>

Мои метки тегов цель с этим CSS: 

.wpcf7-form label {
    text-align:center;
    color: white;
    padding-top: 5px;
    background-color: #0090bc;
    border-radius: 4px 4px 0px 0px;
}

1 Ответ

0 голосов
/ 05 апреля 2020

Ориентация на эту текстовую область путем добавления margin-bottom:-1%; удаляет дополнительный бит метки метки, отображаемой под текстовой областью 

<span class="wpcf7-form-control-wrap your-website-goal-1"><textarea name="your-website-goal-1" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" placeholder="e.g. 'I just need a website so that I can link people to it through social media'..."></textarea></span>
...