如何用CSS实现这种按钮边框效果？(包括图片)

Question

现在,我们的模型/现场演示使用图像来实现这种效果(包括按钮文本).由于所有标准原因,这都不太理想.除了讨厌的外边界外,我可以把一切都搞定.我真的不想在我的文档中添加标记只是为了拥有它.

我在jsfiddle上有我的测试代码,虽然它在我的本地机器上没有那么好用:http: //jsfiddle.net/Axtjm/

tldr:如何添加这样的插入边框并保留圆角而不需要额外的标记.

Answer 1

听起来不直观,不要outline用于轮廓.使用box-shadow与1px传播:

box-shadow: 0px 0px 1px 1px #049ED9;

演示:http://jsfiddle.net/Axtjm/4/