Html Twitter引导按钮在单击后保持悬停状态

我无法让我的按钮在被单击后恢复到初始状态

我希望按钮和按钮文本在翻滚时改变颜色，然后在单击后立即返回到原来的状态

以下是按钮的HTML：

<a href="#portfolio" class="btn btn-primary btn-xl page-scroll">Portfolio</a>

---

您的按钮在单击后不会恢复，因为：focus的样式与：hover和：active的样式相同选择元素时会应用焦点，例如单击、聚焦、通过键盘切换到等，并保持在原位，直到选择另一个元素

另外：你具体描述的行为在CSS中是不太可能的；你不能让事情发生在：将鼠标悬停，然后单击鼠标结束悬停样式将始终应用，直到不再悬停在图元上。因此，如果希望样式仅在mouseUp事件之前应用，则需要将这些样式放在：active伪类上

.btn主要{ 边框：2个实心fff； 背景色：rgba0,0,0,0.0； -webkit转换：全部.35秒； -moz转换：全部.35s； 过渡：全部.35s； } .btn primary:悬停，.btn primary:活动，.btn-primary.active，.open>.dropdown-toggle.btn-primary{ 颜色：6699cc； 背景色：fff； 边框：2个实心fff； }

---

谢谢修复了我的超链接按钮！不过，触发向下滚动页面的按钮仍有问题。对于链接到锚定而不是超链接的按钮，我是否需要做些不同的事情？如果你想看一看的话，这是本页顶部的按钮？www.rickymoney。net@RikMon23我不确定锚链有什么不起作用；它们对我来说似乎很管用。你希望他们不会表现出什么行为？当我点击“公文包”按钮后向上滚动时，我希望该按钮重置为原始状态。奇怪的是，当你点击左上角的“关于我”、“我做什么”链接时，“公文包”按钮被重置。有没有办法在点击按钮后重置它？@RikMon23我恐怕不明白。对于我来说，在移动视图和桌面视图中，当您查看页面的该部分时，您的相关锚定链接都有蓝色文本，并且每当您向上滚动到顶部时，链接不再有蓝色文本，正如我所期望的那样。从我的观点来看，链接恢复到原始状态似乎工作正常。尝试在新浏览器上运行您的项目，看看您是否遇到缓存问题。它在Safari中工作，但与我在Chrome和Firefox中描述的一样。你用的是pc还是mac？我在mac电脑上。。。如果你再也帮不上忙了，别担心。谢谢你带我走了这么远。

section.bg-image .btn-primary {
    border: 2px solid #fff;
    background-color: rgba(0, 0, 0, 0.0);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

section.bg-image .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #6699cc;
    background-color: #fff;
    border: 2px solid #fff;
}