Question

我在ASP.NET MVC应用程序中有这段代码：

 @helper ApplicationStatus(string controlName, string source, string filterAction, string control = null)
{
    <div name="@controlName">

        <p style="font-size:20px">
            Application Status
            </p>
            <div ng-repeat="it in (@source)">
                <label class="label label-success">{{it.name}} <input type="checkbox" ng-model="it.check" /></label>
                <br />
            </div>

            <br />

            <button ng-click="">
                Reset
            </button>


            <button ng-click="@(filterAction)">
                Filter
            </button>
</div>

我想给复选框一个圆形的形状，我该怎么办？

Answer 1

使用Awesome Bootstrap Checkbox：

<强> Demo

<div class="col-md-4">
                <fieldset>
                    <legend>
                        Circled
                    </legend>
                    <p>
                        <code>.checkbox-circle</code> for roundness.
                    </p>
                    <div class="checkbox checkbox-circle">
                        <input id="checkbox7" class="styled" type="checkbox">
                        <label for="checkbox7">
                            Simply Rounded
                        </label>
                    </div>
                    <div class="checkbox checkbox-info checkbox-circle">
                        <input id="checkbox8" class="styled" type="checkbox" checked="">
                        <label for="checkbox8">
                            Me too
                        </label>
                    </div>
                </fieldset>
            </div>

JSFiddle

圆形复选框

1 个答案: