Question

我的CSS样式表加载了几乎所有内容，但它没有为button加载我的CSS。这很奇怪，因为所有其他事情都运转良好。我使用opera。我发布了下面没有加载的CSS，以及我如何加载CSS。

<link rel="stylesheet" type="text/css" href="/style.css">

    .button {
        background-color: #22a4a3b5;
        border: none;
        color: white;
        padding: 4px 14px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 17px;
        margin: 0px 2px;
        cursor: pointer;
    }

JS小提琴https://jsfiddle.net/hpsj2e0L/

它在小提琴中工作正常，但在我的网站中没有。

Answer 1

确保将您的css放在style标记或css文件

中

<style>
.button, button {
    background-color: #22a4a3b5;
    border: none;
    color: white;
    padding: 4px 14px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    margin: 0px 2px;
    cursor: pointer;
}

</style>

还要检查您的html中是否有.button类，或者button标记

Answer 2

您的代码存在的问题是您在CSS文件中编写HTML而未将其包装到<style>标记中。像这样：

    <style>
        .button, button {
            background-color: #22a4a3b5;
            border: none;
            color: white;
            padding: 4px 14px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 17px;
            margin: 0px 2px;
            cursor: pointer;
    }
    </style>

另外，如果您要将样式应用于<button>，则只需使用button，就不需要两个选择器。仅当您要将其应用为.button

中的类时，才需要<div class="button"></div>

Answer 3

检查其他样式文件到button课程。请尝试提供不同的class名称或稍后加载style文件。

一些css样式表没有加载

3 个答案: