如何添加自定义图像背景以跨越引导按钮？

Question

我想在自定义图标内使用自定义图标作为引导切换按钮。是否有可能在不使用fontawesome或glyphicons的情况下实现它？

CSS：

.icon-search {
    background-image: url("https://dl.dropboxusercontent.com/u/23295105/search.png");
    background-repeat: no-repeat;
    background-position: center center;
}

HTML：

<button class="toggle">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-search"></span>
</button>

这是我的小提琴： http://jsfiddle.net/ox04anfb/

Answer 1

尝试使用QED的解决方案，但添加自动属性：

width: auto; // replace with actual width
height: auto; // replace with actual height
display: inline-block;