2

我正在尝试将按钮按下效果添加到带有图像的按钮。这是CSS

input.happy {
   background-image url(/img/happy.png)
   background-color transparent
   background-repeat no-repeat
   border none
   width 64px
   height 64px
   margin 10px
  cursor pointer
  border-radius:8px
  -moz-border-radius:8px
  -webkit-border-radius:8px
  box-shadow: 0px 3px 5px #000
  -moz-box-shadow: 0px 3px 5px #000
  -webkit-box-shadow: 0px 3px 5px #000
}

input.happy:hover { 
  position:relative
  top 3px
  color #fqq
  box-shadow none
  -moz-box-shadow none
  -webkit-box-shadow none
}

效果仅在悬停时显示。如何更改它以便在单击时显示它。我添加了类似的东西

   .pressed { 
      position:relative
      top 3px
      color #fqq
      box-shadow none
      -moz-box-shadow none
      -webkit-box-shadow none
    }

并将类更改为 .pressed on click 。但它不起作用。有什么建议么

4

1 回答 1

5 
input.happy:active {
     background-color:red
}
于 2013-01-27T04:41:45.857 回答