テキストエリアのフォーム（基本）
シンプルなテキストエリアのフォームです。
Source Code
右上の「コピー」からご利用ください。
コピー
<form class="my-parts">
<p><label for="textarea">テキストエリア</label><textarea id="textarea" name=""></textarea></p>
</form>コピー
.my-parts {
text-align: left;
}
.my-parts label {
display: block;
font-size: .95em;
margin: 0 0 .2em;
}
.my-parts p {
margin: 0 0 1em;
}
.my-parts textarea {
width: 100%;
padding: .4em .8em;
border-radius: 0;
background-image: none;
background-color: transparent;
border: 1px solid rgba(0,0,0,.1);
font-family: inherit;
font-size: .95em;
color: inherit;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.my-parts textarea {
height: 100px;
}
.my-parts textarea:focus {
outline: none;
box-shadow: none;
border: 1px solid rgba(0,0,0,.3);
}
