【CSS】textareaの枠線、右下の//、フォーカスした時の青い枠線を消す

【CSS】textareaの枠線、右下の//、フォーカスした時の青い枠線を消す

※ この記事にはアフィリエイトリンクが含まれます

textareaタグにデフォルトで設定されている、枠線、右下の//、そしてフォーカスした時に出てくる青い枠線をまとめて消去した方法をまとめてみました。

textarea {
    /* 枠線を消す */
    border: none;

    /* 右下の//(サイズ変更機能)を消す */
    resize: none;

    /* フォーカスした際の青い枠線を消す */
    outline: none;

    /* widthを100%にしておくことで、レスポンシブ対応ができます。 */
    width: 100%;
}

これで完全にまっさらな状態のテキストボックスの出来上がりです。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

沖縄出身のエンジニアです。IT業界で5年以上の経験があり、主にC#やPHPを使って開発を行ってきました。新しい技術にも興味があり、日々学びながらスキルアップを目指しています。

コメント

コメントする

CAPTCHA


目次