更改按钮:在css中激活

Question

我怎么能改变按钮有border-radius:6px; 当我选择它时,通过激活标记.这是我的HTML代码,我也有CSS.当我让<button class:active 我只有活动按钮没有CSS风格

<div align="center">
     <label>Period selection</label>
     <button class="button: active" id="Day" style="height:25px; width:60px; margin: 4px 2px" type="submit" onclick="setImage('1');">Day</button>
     <button class="button: active" id="Week" style="height:25px; width:60px; margin: 4px 2px" type="submit" onclick="setImage('2');">Week</button>
     <button class="button: active" id="Month" style="height:25px; width:60px; margin: 4px 2px" type="submit" onclick="setImage('3');">Month</button>
</div>

.ctButton,
.button,
body div.ui-dialog div.ui-dialog-buttonpane div.ui-dialog-buttonset button.ui-button,
.ui-dialog .ui-button, 
a.button,
#ctPageContent a.button,
#ctPageContent a.button:hover {
     background-color: #2B2B2B;
     border: 0px;
     display: inline-block;
     padding: 3px 10px 4px;
     color: #fff;
     text-decoration: none;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     border-radius: 6px;
     -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
     text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
     border-bottom: 1px solid rgba(0,0,0,0.25);
     position: relative;
     cursor: pointer;
     margin: 4px 2px;
}

Answer 1

所述:指示伪类(PR伪元素).它不是类名的一部分.

:active 表示"点击时"(或以其他方式激活).

如果你想匹配文档中的一个类,那么给它一个普通的类名(最好不要把它与伪类混淆):

<button class="current"

然后在CSS中使用类选择器:

.current { ... }