Javascript 将css更改为黑色

我在我的页面上有文件上传控制，我用假按钮将其包裹起来。现在我想将按钮的颜色更改为黑色。我尝试了各种方法，但未能实现。这是我的按钮和css：

.fileUpload{
位置：相对位置；
溢出：隐藏；
利润率：10px；
}
.fileUpload输入.upload{
位置：绝对位置；
排名：0；
右：0；
保证金：0；
填充：0；
字体大小：20px；
光标：指针；
不透明度：0；
过滤器：alpha（不透明度=0）；
}

浏览

要使其正常工作，您必须将

style=“background color:black”

置于

div.fileUpload

而不是

输入#fileUpload

代码：

<div class="col-xs-4">
    <div class="fileUpload btn btn-primary" style="background-color: black">
        <span>Browse</span>
        <input type="file" name="File" id="fileUpload" class="upload"/>
    </div>
</div>

浏览

要使其正常工作，您必须将

style=“background color:black”

置于

div.fileUpload

而不是

输入#fileUpload

代码：

<div class="col-xs-4">
    <div class="fileUpload btn btn-primary" style="background-color: black">
        <span>Browse</span>
        <input type="file" name="File" id="fileUpload" class="upload"/>
    </div>
</div>

浏览

引导按钮具有渐变

背景图像：线性渐变…

因为要更改背景颜色，必须设置

背景图像：无

并添加标签名称 要获得比引导样式更高的优先级，请添加

背景色

，很抱歉我的英语不好

div.fileUpload{
位置：相对位置；
溢出：隐藏；
利润率：10px；
背景色：黑色；
背景图像：无；
}
.fileUpload输入.upload{
位置：绝对位置；
排名：0；
右：0；
保证金：0；
填充：0；
字体大小：20px；
光标：指针；
不透明度：0；
过滤器：alpha（不透明度=0）；
}

浏览

引导按钮具有渐变

背景图像：线性渐变…

因为要更改背景颜色，必须设置

背景图像：无

并添加标签名称 要获得比引导样式更高的优先级，请添加

背景色

，很抱歉我的英语不好

div.fileUpload{
位置：相对位置；
溢出：隐藏；
利润率：10px；
背景色：黑色；
背景图像：无；
}
.fileUpload输入.upload{
位置：绝对位置；
排名：0；
右：0；
保证金：0；
填充：0；
字体大小：20px；
光标：指针；
不透明度：0；
过滤器：alpha（不透明度=0）；
}

浏览

我可以看到您正在使用引导按钮（

btn btn primary

），以更改按钮背景色或悬停颜色。可以右键单击该按钮，然后转到浏览器中的“检查图元”。在inspector中，您会发现bootstrap有一些类将按钮设置为如下样式：

在自定义css中覆盖此选项，以设置引导按钮背景颜色的样式

.btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #2e6da4;
}

覆盖此类以设置引导悬停按钮属性的样式

.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none;
}

---

我可以看到您正在使用引导按钮（

btn btn primary

），以更改按钮背景色或悬停颜色。可以右键单击该按钮，然后转到浏览器中的“检查图元”。在inspector中，您会发现bootstrap有一些类将按钮设置为如下样式：

在自定义css中覆盖此选项，以设置引导按钮背景颜色的样式

.btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #2e6da4;
}

覆盖此类以设置引导悬停按钮属性的样式

.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none;
}

---

很高兴我能帮忙。是的，你需要几分钟才能接受。很高兴我能帮你。是的，你需要几分钟才能接受。