Не могу изменить ширину текстовой области - PullRequest
Новая
       18

Не могу изменить ширину текстовой области

0 голосов
/ 03 октября 2019

Я не могу изменить ширину текстовой области, используя html-строки и столбцы, и не могу изменить ее с помощью ширины CSS. Я изменил высоту с помощью HTML.

Как бы я изменил ширину? 

form,
label {
  position: relative;
  width: 310px;
  margin-left: 65px;
}

input,
textarea {
  border-radius: 4px;
  line-height: 30px;
  flex: 0 0 200px;
  margin-left: 10px;
  height: 35px;
}

label,
input,
textarea {
  display: block;
  margin-top: 20px;
  margin-right: -300px;
}

form {
  margin-top: 100px;
  margin-left: 580px;
  display: block;
  margin-top: 20px;
}
<div class="text-area"><label class="l-message">Message * <textarea name="message" type="textarea" class="message" style="height: 105px;" required></textarea></label></div>

1 Ответ

2 голосов
/ 03 октября 2019

Есть несколько способов изменить ширину. Вы можете сделать это внутри или внутри CSS. CSS - рекомендуемый способ сделать это. Пожалуйста, посмотрите фрагмент ниже 

    form, label {
    position: relative;
    width: 310px;
    margin-left: 65px;
    }

    input, textarea {
    border-radius: 4px;
    line-height: 30px;
    flex: 0 0 200px;
    margin-left: 10px;
    height: 35px;
    width: 100%; /* or whatever width you want to set */
    }
    .form-area {
    background-color: #FAFAFA;
    padding: 0px 0px 40px;
    margin: 30px 265px 0px;
    border: 1px solid GREY;
    border-radius: 6px;
    width: 710px;
    height: 360px;
    }

label, input, textarea {
    display: block;
    margin-top: 20px;
    margin-right: -300px;
}
form {
margin-top: 100px;
margin-left: 580px;
display: block;
margin-top: 20px;
}
<div class="text-area"><label class="l-message">Message * <textarea name="message" type="textarea" class="message" style="height: 105px;" required></textarea></label></div>
...