ASP.NET复选框与自定义设计
发布时间:2020-12-16 09:50:32 所属栏目:asp.Net 来源:网络整理
导读:有没有办法改变asp.net复选框的样式ui. 我试过这个: .cabeceraCheckBoxNormal{ background:url("../../../ig_res/Default/images/ig_checkbox_off.gif") no-repeat; clear:left; margin:0; padding:0;} 但结果不是我想要的.因为图像出现在控件附近,我可以看
有没有办法改变asp.net复选框的样式ui.
我试过这个: .cabeceraCheckBoxNormal { background:url("../../../ig_res/Default/images/ig_checkbox_off.gif") no-repeat; clear:left; margin:0; padding:0; } 但结果不是我想要的.因为图像出现在控件附近,我可以看到图像附近的正常样式. 编辑: input[type="checkbox"] { background:url("../../../ig_res/Default/images/ig_checkbox_off.gif") no-repeat; background-position: 3px 2px; display:block; clear:left; margin:0; padding:0; } 但没有任何反应 解决方法
到目前为止,获得自定义复选框效果的最佳方法是添加< label>通过for属性与复选框链接的元素.然后隐藏复选框并将伪元素之前的标签样式设置为复选框.
像这样的东西: <input type='checkbox' id='myCheck'><label for='myCheck'>Magic!</label> 用css: #myCheck { visibility: hidden; } input[type=checkbox] + label::before { display:block; content:url('ig_checkbox_off.gif'); position:relative; } input[type=checkbox]:checked + label::before { content:url('ig_checkbox_on.gif'); } 我已经创建了一个jsFiddle示例来演示:http://jsfiddle.net/f9tLemyy/ 希望有所帮助. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- ASP.NET MVC卷曲等效
- asp.net-core – “netcoreapp1.0”是一个不受支持的框架.
- 谈谈在.NET Core中使用Redis和Memcached的序列化问题
- asp.net-mvc – 如何将默认值显示为空白而不是类型的默认值
- ASP.NET MVC.检查用户是否已获得JavaScript授权
- 在VS编译SCSS或LESS
- 发布ASP.NET vNext / DNX与CLR类库结合使用
- asp.net-mvc-3 – 在“@”字符后面出现意外的“foreach”关
- 在子目录中部署ASP.NET应用程序
- asp.net – 如何使用WebApi将POSTHttpRoute POST到自定义操
推荐文章
站长推荐
- ASP.NET——验证控件
- asp.net – IIS 6不显示默认文档(default.aspx)
- 我到底是什么时候需要在经典的asp中将对象设置为
- 记Asp.Net Core Swagger 使用 并带域接口处理
- 十分钟搭建自己的私有NuGet服务器-BaGet
- asp.net-web-api – SimpleInjector RegisterWeb
- asp.net – Web API IIS要求
- asp.net-mvc – Html.LabelFor语句不显示为赋值
- asp.net-mvc – IIS劫持CORS Preflight OPTIONS请
- asp.net-core – 实体框架核心服务默认生命周期
热点阅读