- Stick button in right side in html
Solution:
//In the html
<div class="float__button" >
</div> // In the css file
.float__button{
margin-right: 5%;
float: right;
}
- Set the size of textarea in CSS.
Solution:
//In the html
<div class="product__details" >
<textarea rows= "5", cols="10">
</textarea>
</div> // In the css file
.product__details {
textarea{
width: 80%;
height: 80px;
}
- Set the item at the top besides the textarea
span{
vertical-align: top;
}
- set font like this(斜体)
font-style: italic;
- disable resizable property of textarea
Solution:
textarea {
resize: none;
}
- set the maximun length of text in textarea
Solution:
//In the html
<div class="product__details" >
<textarea maxlength="255">
</textarea>
</div>