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

我希望有一个glyphicon在点击时充当按钮，以产生插入效果。 当你按下它，使它看起来好像是得到“推回”像一个按钮

---

到目前为止，我所拥有的只是

。按钮glyph:active{}

，但我不知道我可以使用哪些属性来实现效果

我想您希望应用带有类型inset的框阴影，下面是一个示例：

---

我认为您希望应用带有类型inset的长方体阴影，下面是一个示例：

试试这个css

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

试试这个css

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

---

所以

不是一个选项？@Shron你能在这里提供代码吗？希望您至少尝试自己编写此代码。堆栈溢出不是代码编写服务。我建议你做一些额外的研究，要么通过谷歌，要么通过搜索，尝试一下。如果您仍然有问题，请返回您的代码，并解释您尝试了什么以及为什么它不起作用。@Aadeshara没有进一步的代码可提供，我认为没有必要为此提供包含带glyphicon的span的htmlclass@Paulie_D请参阅上述评论。请下次尝试了解情况，因为我提到的是css中的活动伪代码。没有关于如何实现这一目标的思考方向。到了死胡同，所以来这里问。谷歌搜索“让glyphicon充当按钮”，我得到的只是功能解决方案，而不是我想要的UI。所以

不是一个选项？@Shron你能在这里提供代码吗？希望您至少尝试自己编写此代码。堆栈溢出不是代码编写服务。我建议你做一些额外的研究，要么通过谷歌，要么通过搜索，尝试一下。如果您仍然有问题，请返回您的代码，并解释您尝试了什么以及为什么它不起作用。@Aadeshara没有进一步的代码可提供，我认为没有必要为此提供包含带glyphicon的span的htmlclass@Paulie_D请参阅上述评论。请下次尝试了解情况，因为我提到的是css中的活动伪代码。没有关于如何实现这一目标的思考方向。到了死胡同，所以来这里问。谷歌搜索“让glyphicon充当按钮”等等，我得到的只是功能解决方案，而不是我想要的UI框阴影不会好，因为它会在跨度上创建阴影，这会创建矩形而不是glyphicon形状框阴影不会好，因为它会在跨度上创建阴影，这将创建矩形形状，而不是使用此解决方案生成的字形图标形状。离我的目标最近。谢谢我会很高兴，如果会有插入效果，但它的伟大像这样。结束使用这个解决方案。离我的目标最近。谢谢我会很高兴，如果有插入效果，但它像这样伟大。