使glyphicon充当按钮（样式方式）

Question

我希望有一个在点击时充当按钮的glyphicon，以获得该插入效果。 当你按它使它看起来好像它被推回＆＃34;像一个按钮

到目前为止我只有.button-glyph:active { }，但我不知道可以用什么属性来达到效果

Answer 1

我认为你想要应用带有inset类型的box-shadow，这是一个例子：https://css-tricks.com/snippets/css/css-box-shadow/#article-header-id-1

   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;

Answer 2

试试这个css，

.btn:active {
    -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.95);
}