猿问
回到首页
个人中心
反馈问题
注册登录
下载APP
首页
课程
实战
体系课
手记
专栏
慕课教程
改变input type=radio的样式
input type= radio默认样式是圆形,现在想改为方形,选中样式想要中间框内为对号,同时方框和对号变为蓝色
慕仙森
浏览 1593
回答 1
1回答
慕慕森
圆形改为方形是不可以的, 按照你的需求, 你可以用checkbox来代替radio的功能,但是你就要用JS来控制,不能让它多选,通过js是可以做到的。这就涉及到定制checkbox的样式。 我上一段代码。<input type="checkbox" id="c1" name="cc" /><label for="c1"><span></span>Check Box 1</label><input type="checkbox" id="c2" name="cc1" /><label for="c2"><span></span>Check Box 2</label><style>input[type="checkbox"] { display:none;}input[type="checkbox"] + label span { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(check_radio_sheet.png) left top no-repeat; cursor:pointer;}input[type="checkbox"]:checked + label span { background:url(check_radio_sheet.png) -19px top no-repeat;</style>样式如图。
0
1
0
打开App,查看更多内容
随时随地看视频
慕课网APP
相关分类
JavaScript
继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续