单选框样式示例

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.youkuaiyun.com/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

               

 HTML+CSS  多选、单选框样式示例

1.使用clip:rect()：

< body >
this is a checkbox < input  type ="checkbox"  style ="position:absolute;clip:rect(5,14,14,5);background:red"  id ="myCheckbox" >
< span  style ="position:absolute;border:solid 1px blue;width:9px;height:9px;left:expression(myCheckbox.offsetLeft+5);top:expression(myCheckbox.offsetTop+5)" > <!--   --> </ span >
</ body >

2.基本样式：

< br > 单选和复选按钮的背景是红色的 < br >
< input  type ="checkbox"  name ="checkbox"  value ="checkbox"  style ="background-color: #FF0000;border:1px dashed lime;" >
< input  type ="radio"  name ="radiobutton"  value ="radiobutton"  style ="background-color: #FF0000" >  

3.CSS样式：

< style > ... .mycheckbox{...}{position:absolute;clip: rect(6 17 17 6);}</style>
<input type=checkbox  class='mycheckbox'>&nbsp;&nbsp;&nbsp;&nbsp;this is a Checkbox

           

给我老师的人工智能教程打call！http://blog.youkuaiyun.com/jiangjunshow