时间戳

首页 > 解决方案 > 更改输入字段的边框颜色

css - 更改输入字段的边框颜色

问题描述

我使用 CSS 框架 (Bulma)。但是，我想设计我的输入字段有点不同。例如，它应该有一个红色边框。我用scss. 但是，它不起作用。当我导入我的课程时，边框不显示为红色。

除了 CSS 框架之外，我如何调整我的输入字段，例如让我有一个红色边框？

import React from 'react'
import './style/General.scss'


function General() {



    return (
        <div>
                        <div className="field">
                            <p className="control has-icons-left has-icons-right">
                                <input className="input section-changing-input" type="text" value="Hello" />
                                <span className="icon is-small is-left">
                                    <i className="fas fa-futbol"></i>
                                </span>
                            </p>
                        </div>


            </div>
        </div>
    )
}

export default General

通用.scss

section-changing-input {
    input {
        border-color: crimson !important;
    }
}

标签： cssreactjssass

解决方案

确保在自定义 CSS 之前已导入 Bulma CSS 库。否则，您所做的自定义 CSS 更改将不会应用。

推荐阅读