如何将背景颜色和边框颜色设置为输入类型复选框 [英] how to set background color and border color to a input type checkbox

查看:81
本文介绍了如何将背景颜色和边框颜色设置为输入类型复选框的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想将背景颜色,边框颜色和选中的颜色设置为输入类型复选框。我如何在下面的代码中执行此操作,在asp.net中使用css或内联样式。

i want to set background color, border color and checked color to a input type check box. how i do do this in folloing code, using css or inline style in asp.net.

<ul class="list-unstyled">
                    <li>
                        <label>
                            <input type="checkbox" name="checkbox"/>DELL</label></li>
                    <li>
                        <label>
                            <input type="checkbox" name="checkbox"/>NIKE</label></li>
                    <li>
                        <label>
                            <input type="checkbox" name="checkbox"/>REEBOK</label></li>
                    <li>
                        <label>
                            <input type="checkbox" name="checkbox"/>ACER</label></li>
                    <li>
                        <label>
                            <input type="checkbox" name="checkbox"/>COTTON</label></li>
                    <li>
                        <label>
                            <input type="checkbox" name="checkbox"/>BLACK BERRY</label></li>
                    <li>
                        <label>
                            <input type="checkbox" name="checkbox"/>ADDIDAS</label></li>
                    <li>
                        <label>
                            <input type="checkbox" name="checkbox"/>PUMA</label></li>
                </ul>

推荐答案

使用CSS你可以做到。



1. CSS复选框样式 [ ^ ]

2. CSS 3 CheckBox样式 [< a href =http://codepen.io/bbodine1/pen/novBmtarget =_ blanktitle =New Window> ^ ]

3. http://www.csscheckbox.com/ [ ^ ]。您可以下载该套件并开始自己设计。
Using CSS you can do it.

1. CSS Checkbox Styles[^]
2. CSS 3 CheckBox Styles[^]
3. http://www.csscheckbox.com/[^]. You can download the kit and start designing yourself.


这篇关于如何将背景颜色和边框颜色设置为输入类型复选框的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆