8，前端插件化入门指南

form {

margin: 50px;

}

div {

margin-bottom: 20px;

}

input {

background: #fff;

padding: 10px;

border: 1px solid orange;

border-radius: 3px;

}

input[type=“text”]:disabled {

background: rgba(0,0,0,.15);

border: 1px solid rgba(0,0,0,.15);

color: rgba(0,0,0,.15);

}

三.checked选择器

---

• 在表单元素中，单选按钮和复选按钮都具有选中和未选中状态。（大家都知道，要覆写这两个按钮默认样式比较困难）。在CSS3中，我们可以通过状态选择器“:checked”配合其他标签实现自定义样式。而“:checked”表示的是选中状态。

• 演示：通过“:checked”状态来自定义复选框效果。

√

我是选中状态

√

我是未选中状态

form {

border: 1px solid #ccc;

padding: 20px;

width: 300px;

margin: 30px auto;

}

.wrapper {

margin-bottom: 10px;

}

.box {

display: inline-block;

<