Question

有没有办法在不使用图片的情况下使用HTML和CSS3来设置刻度标记复选框的样式，例如Google的登录页面？

Answer 1

您可以通过结合使用HTML，CSS和jQuery来实现这一目标。请参阅我在此处发布的代码，以便从<a>代码创建一个复选框，并使用CSS设置样式。

我已经测试了这段代码，它在Chrome，FF和＆amp ;; IE 7-10。没有测试Safari或Opera ...

只需确保将<a>复选框标记嵌套在<form>标记中，为其提供ID，一类“复选框”和哈希标签HREF。实质上：

    <form action="#" method="get">

    <a class="checkbox" id="myCheckbox" href="#"></a>

    -or-

    <a class="checkbox checked" id="myCheckbox" href="#"></a>

    </form>

请告诉我你的具体情况。

Answer 2

这篇文章很老了，但这是我的建议：

将标签与您的复选框相关联，如下所示：

<input type="checkbox" value="1" id="c1" />
<label class="check" for="c1"></label>

隐藏css您的复选框：

.checkboxes input[type=checkbox]{
    display:none
}

根据需要设置标签样式。我创建了一个简单的jsfiddle，完全演示了如何使用personnalise复选框。

Here是jsfiddle

如何在不使用图像的情况下使用css设置刻度线复选框的样式？

2 个答案: