按钮不能改变颜色后点击

当我点击按钮，然后不能改变颜色从黑色变回绿色，当我犯错？按钮不能改变颜色后点击

#msform .action-button, #msform .buttons { 
    text-align:center; 
    width: auto; 
    background: #27AE60; 
    font-weight: bold; 
    font-size: 14px; 
    color: white; 
    border: 1px solid rgba(0, 0, 0, 0.2); 
    border-radius: 5px; 
    cursor: pointer; 
    padding: 10px 5px; 
    margin: 10px 5px; 
    -moz-box-shadow: 1px 1px 5px #000000; 
    -webkit-box-shadow: 1px 1px 5px #000000; 
    box-shadow: 1px 1px 5px #000000;  
}

来源

2017-02-19 Wanarka

您正在使用:focus选择按钮犯的错误，在按钮上单击后，你都集中在选项按钮，焦点将保持，直到你点击其他对象这改变了你的焦点。我建议你可以阅读this或使用一些javascript魔术来完成你的工作。希望这可以帮助你！

来源

2017-02-19 06:31:16 Dreamer

这是正确的。他可以使用'：active'而不是'：focus' – Miro

您的代码在将鼠标悬停或聚焦时将按钮背景更改为黑色。因此，点击它并将光标移动到其他位置后，焦点将保持不变，直到您单击某个其他元素。如果你希望只有在盘旋时才变成黑色，你应该从代码中删除#msform .action-button:focus和#msform .buttons:focus，将颜色变为黑色。

（75-77排在Codepen）

#msform .action-button:hover, #msform .buttons:hover { 
box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60; background: #273423; 
}

来源

2017-02-19 06:39:42 IiroP

按钮不能改变颜色后点击

回答

相关问题