textarea

コメント入力欄

textarea { 
/* 枠線を消す */ 
border: none;
 /* 右下の//(サイズ変更機能)を消す */ 
resize: none;
 /* フォーカスした際の青い枠線を消す */ 
outline: none; 
/* widthを100%にしておくことで、レスポンシブ対応ができます。 */ 
width: 100%; 
}


focus当てたときのcss設定

&:focus {
  /* 処理記載*/
}


上2つ合わせて、
コメント欄入力時のスタイルを削除した実装例

const _TextArea = styled.textarea`
  width: 100%;
  padding: 4px;
  border: none;
  font-size: 14px;
  resize: none;
  &::placeholder {
    color: #a7a7a8;
  }
  &:focus {
    outline: none;
    box-shadow: none;
  }
`;


この記事が気に入ったらサポートをしてみませんか?