Question

input标签 css设置

Answer 1

可以用选择器来做，但css不能直接区分radio和checkbox，这个需要有父选择器来控制。
举例说明一下：
<div
class="radio">
<input
type="radio"
value="单选1"
/>单选1
<input
type="radio"
value="单选2"
/>单选2
<input
type="radio"
value="单选3"
/>单选3
</div>
<div
class="checkbox">
<input
type="checkbox"
value="复选1"
/>复选1
<input
type="checkbox"
value="复选2"
/>复选2
<input
type="checkbox"
value="复选3"
/>复选3
</div>
css定义：
/*---单选样式--*/
.radio
input{
width:40px;
border:#ff0000
1px
solid;
}
/*---多选样式--*/
.checkbox
input{
width:100px;
border:#0000ff
1px
solid;
}