inputタグのデフォルトで入っている黒色のborder線を消して、別のborderの色にしたいです！

Question

◎解決したいこと
inputタグを指定し、border: radius;を指定するとデフォルトでinputタグのborderが黒くなりました。
このデフォルトの線を消して、その後にborderを別の色にしたいです！（color: #666;）

・HTML

<div class="contact__form">
                    <div class="form">
                        <div class="form__item">
                            <p class="form__item__label">
                                お名前
                            </p>
                            <input type="text" class="form__item__input" placeholder="お名前を入力してください">
                        </div>
                    </div>

                    <div class="form">
                        <div class="form__item">
                            <p class="form__item__label">
                                メールアドレス
                            </p>
                            <input type="text" class="form__item__input" placeholder="メールアドレスを入力してください。">
                        </div>
                    </div>

                    <div class="form">
                        <div class="form__item">
                            <p class="form__item__label">
                                ご用件
                            </p>
                            <textarea name="" id="" cols="30" rows="10" class="form__item__textarea">
                            </textarea>
                        </div>
                    </div>

                </div>

・CSS

.contact__form {
            background: #fff;
            max-width: 700px;
            max-height: 500px;
            width: 100%;
            height: 100%;
            padding: 70px 0 50px 90px;
            .form {
                .form__item {
                    padding-bottom: 50px;
                    .form__item__label {
                        font-size: 1.6rem;
                        letter-spacing: 0.05em;
                        padding-bottom: 15px;
                    }
                    input {
                        max-width: 360px;
                        width: 100%;
                        font-size: 1.6rem;
                        letter-spacing: 0.05em;
                        color: #666;
                        padding: 15px 0 15px 20px;
                        border-radius: 5px;
                    }
                    .form__item__textarea {
                        max-width: 530px;
                        width: 100%;
                        border-radius: 5px;
                    }
                }
            }

Comments

[m.ts10806]

SCSSでしたらそのように記載し、タグも追加してください。

Answer 1

input{
border:1px solid #ff0000;
border-radius: 5px;
}

Comments

[退会済みユーザー]

ありがとうございます！解決しました！