如何设置复选框控件的样式

具体实现的界面图，可以看参考资料1，那里面很详细。

注意猜亮码点：

1. 请看Path以及Ellipse的Opacity属性值为0，表示默认情况下这2个属性不显示。

2. Storyboa埂禒第啡郢独电扫钉激rd表示控件模板中元素的外观。当控件切换到 VisualState.Name 属性指定的状态时，Storyboard 就会开始。当控件退出该状穗哪态时，Storyboard 就会停止。

3. 当控件状态(即VisualState)切换到Checked的时候，Storyboard.TargetProperty="Opacity以及Storyboard.TargetName="CheckGlyph"表示设置下面Grid的元素CheckGlyph中的Opacity为1，这样就将

CheckGlyph显示出键销来了。其他原理类似。 4.

StrokeThickness ：说明形状轮廓的粗细。

1、首先，需要添加一段CSS隐藏所有的Checkbox复选框兆猛。要做到点需要添加一段代码到你的CSS文件中。代码如下：

/*** 隐藏默认的checkbox***/

input[type=checkbox] {

visibility: hidden

}

2、开始创建复选框区的HTML。代码如下：

<section>

<!-- Checbox One -->族梁桥

<h3>Checkbox One</h3>

<div class="checkboxOne">

<input type="checkbox" value="1" id="checkboxOneInput" name="" />

<label for="checkboxOneInput"></label>渣局

</div>

</section>

---