按钮上带有引导程序和 css 样式的页面级掩码

Question

我不擅长css，但这就是我想要的和我尝试过的。

<div>
    <div id="propertiesTable" style="padding: 20px 20px 20px 20px;" ng-cloak >
        <table class="table table-striped table-bordered">
            <tbody>

                <tr data-ng-repeat="(k,v) in properties">
                    <td>{{ k }}</td>
                    <td>{{ v }}</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div style="padding-left: 20px;">
        <button type="submit" class="btn btn-primary btn-sm"
            title="Refresh for updated properties"
            ng-click="onRefreshButtonClick()">
            <span class="glyphicon glyphicon-refresh">Refresh</span>
        </button>
        </span>
    </div>
</div>

所以，我在 class="btn btn-primary btn-sm" 中有这个杂乱的按钮 glyphicon glyphicon-refresh

我需要在这两者之间留一些空间。当我尝试填充样式时，它不起作用。显然，padding 已应用于整个按钮！

1. 如何在glyphicon glyphicon-refresh 和class="btn btn-primary btn-sm" 之间实现填充？
2. 当我点击刷新时，我希望id:propertiesTable 被屏蔽（这意味着这部分的光线暗淡）。这是可以实现的吗？

很抱歉这个问题。不擅长 CSS。

感谢 Stackoverflow！

Answer 1

您可以只添加一个不间断的空格：http://jsfiddle.net/mm6ck3dc/9/

<span class="glyphicon glyphicon-refresh"> Refresh</span>