Question

这是背景颜色不变的按钮的inspect css文件。我在原始文件中更改了它，但在检查后显示相同的

 select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

这是我的原始文件：

.select2-selection__choice {
    border:1px solid #aaa;
    border-radius:4px;
    cursor:default;
    float:left;
    margin-right:5px;
    margin-top:5px;
    padding:0 5px
    }

但为什么它继续加载背景颜色!!!

Answer 1

如果更改了原始文件中的样式，则意味着 - css已更改但浏览器无法呈现。它呈现旧的缓存文件。

可能的解决方案：刷新浏览器的缓存，在我的90％案例中问题已经解决。

不显示css样式的其他可能性：

有时我们需要覆盖任何样式，我们编写并链接它。在这里，链接需要在最后。

这意味着 - 我们有select2.css和main.css 在select2中有类似

的东西

.test{
   padding: 10px;
}

我们希望在我们的main.css中覆盖它，

.test{
   padding: 20px;
}

然后我们要遵循样式链接的顺序。首先添加select2.css，然后添加main.css

<link rel="stylesheet" href="select2.css" />
<link rel="stylesheet" href="main.css" />

我们也通过添加该样式的!important来实现这一目标

.test{
   padding: 10px!important;
}

因此main.css的{{1}}无法覆盖test class的{{1}}。

希望你现在已经清除了这个......

Css文件未在laravel中正确加载

1 个答案: