Question

我使用Boostrap创建箭头按钮。我更改了css属性以确保按钮的背景与正文背景相同。我还更改了属性以确保没有边框，并且在悬停时它保持黑色。问题是，当我点击它时，我得到一个蓝色边框，当鼠标没有悬停在它上面时，它变成蓝色。我尝试了很多东西，但没有一个工作。任何帮助将不胜感激。

        <div id="breakArrows">
            <h6>Session Break</h6>
            <button class="btn btn-info arrowbtn" > <i class="fa fa-arrow-up"></i></button>
            <h4 class="arrownum">1</h4>
            <button class="btn btn-info arrowbtn" ><i class="fa fa-arrow-down"></i></button>
        </div>
         <div id="center">

#break{
    width:20%;
    height:100%;
    background-color:black;
    float: left;
}

#breakArrows{
    width:10%;
    height:100%;
    background-color:black;
`   float:left;
    padding-left:23px;
    padding-top:175px;
}

.arrowbtn{
    background-color:black; 
    border: none;
    padding-left:33px;
    padding-top: 10px;
}

.arrowbtn:hover{
   background-color:black;
   border-color: black;
}

.arrownum{
    color:white;
    padding-left:33px;
}

h6{
    color:white;
}

Answer 1

您很可能必须覆盖bootstrap的Arquivo1.txt:3: syntax error in parameter data block Context: set linhas ; set colunas ; param c { MathProg model processing error.样式以及:focus - 如果您只是希望悬停和焦点样式相同，则可以执行此操作：< / p>

:hover

否则只为.arrowbtn:hover, .arrowbtn:focus { background-color:black; border-color: black; }添加一个单独的规则，并使用您想要的任何样式。根据您的设计，您也可以使用.arrowbtn:focus。

Answer 2

你可以声明：

<button class="btn btn-info arrowbtn" style="background-color:black!important"> <i class="fa fa-arrow-up"></i></button>

按钮元素本身

点击后按钮颜色

2 个答案: