html复选框变蓝,更改html复选框的背景颜色

我正在实现颜色复选框我认为很容易做颜色复选框但是当我开始实现它时。这是约伯第一次做的时间。下面是COLOR CHECK BOX的HTML和CSS，任何人都可以自定义这个HTML和CSS。

HTML： -

CSS： -

.squaredThree {

width: 20px;

position: relative;

}

.squaredThree label {

cursor: pointer;

position: absolute;

width: 15px;

height: 15px;

top: 0;

background:#f7f7f7;

border:1px solid #6d7279;

}

.squaredThree label:after {

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

filter: alpha(opacity=0);

opacity: 0;

content: '';

position: absolute;

width: 9px;

height: 5px;

background: transparent;

top: 2px;

left: 2px;

border: 3px solid #0b9dda;

border-top: none;

border-right: none;

-webkit-transform: rotate(-45deg);

-moz-transform: rotate(-45deg);

-o-transform: rotate(-45deg);

-ms-transform: rotate(-45deg);

transform: rotate(-45deg);

}

.squaredThree label:hover::after {

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

filter: alpha(opacity=30);

opacity: 0.3;

}

.squaredThree input[type=checkbox]:checked + label:after {

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

filter: alpha(opacity=100);

opacity: 1;

}

html复选框变蓝,更改html复选框的背景颜色相关推荐

linux里工作目录的字体变蓝,netterm访问Linux时字体和背景颜色随目录发生改变的问题解决...
方法很多,除了改用其他仿真终端程序外,继续使用netterm可用下面方法解决. 方法1:修改netterm参数,最简单选项-->屏幕颜色-->允许图形编译码重置颜色至默认值点选上,见下 ...
html下拉框变长,改变HTML下拉框SELECT选项的多种方法
原标题:改变HTML下拉框SELECT选项的多种方法提交表单后返回的HTML页面重新渲染,SELECT控件的value和selectedIndex属性都无法使下拉框保留提交表单前的状态. 复制代码 ...
android输入法闪黑色背景,如何更改android软键盘键的背景颜色？
我正在Android上实现自定义键盘. 我刚刚阅读了"developer.android.com"上的文档,并看到了使用软键盘的示例. 我只能 – 改变键盘背景,改变按钮位置,将k ...
更改cadence617 schematic和visualizationAnalysis界面背景颜色
schematic 白色转成黑色背景:在终端命令窗口,输入 echo "Opus.editorBackground: black" | xrdb -merge 黑色转换成白色背景: ...
matplotlib更改networkx生成的图形的背景图。
我正在尝试使用matplotlib更改networkx生成的图形的背景颜色.但是似乎我的代码仅更改外部背景,而不更改图形本身的背景.示例代码: fig =plt.figure(figsize=(30, ...
LabVIEW多列列表框背景颜色操作
多列列表框概述在很多情况下我们需要在表格中某一列查找一些指定的元素,并且想让其显示为指定的颜色,此时就可以利用多列列表框的一些属性来解决这一问题. 知识点讲解 1. 在多列列表框中显示数据 1) ...
更改表格行tr的背景颜色
一.业务代码说明: 制作一张商品信息表格,要求当鼠标移动到表格某一行的时候此行的背景颜色集会发生变化,当鼠标移开其背景颜色就会恢复为白色. 具体代码如下: <!DOCTYPE html> ...
jQuery复选框选中状态更改事件
本文翻译自:jQuery checkbox checked state changed event I want an event to fire client side when a checkbo ...
jquery实现HTML复选框变单选框
jquery实现HTML复选框变单选框 ps:本人亲测,阿里云2核4G5M的服务器性价比很高,新用户一块多一天,老用户三块多一天,最高可以买三年,感兴趣的可以戳一下:阿里云折扣服务器 <scri ...
html 复选框变大,复选框字体大小如何设置 wps复选框文字大小怎么调整
Excel 怎样修改窗体/复选框中文字的大小 Excel 修改窗体/复选框中文字的大小的具体步骤如下: 需要准备的材料分别是:电脑.Excel 表格. 以win7系统.Excel 表格2010版为例: ...

html复选框变蓝,更改html复选框的背景颜色

html复选框变蓝,更改html复选框的背景颜色相关推荐

最新文章

热门文章