input复选框的样式更改

发布日期：2017年06月08日文章来源：www.tengways.com

prednisolone london

buy prednisolone eye drops over the counter read buy prednisolone 5mg uk

dosis

naltrexon

buy amoxicillin for chickens

amoxicillin dosage

clomid online reviews

clomid birmingham testbed.idippedut.dk buy clomid pct

prednisolone without prescription

prednisolone dosage azpodcast.azurewebsites.net buy prednisolone 5mg tablets uk

abortion pill ph

pills for abortion blog.jeannettespecglass.com pregnancy termination in manila

medische abortus

naam van abortuspil in u blogs1.welch.jhmi.edu abortuspil online bestellen

buy amoxicillin without prescription

amoxicillin without prescription

buy abortion pill

abortion pill kit go usa buy abortion pill

where to buy naltrexone

how to buy naltrexone mirkamali.ir buy naltrexone online usa

cheap sertraline

buy sertraline uk

列出几个对于在平常开发实用的checkbox控件样式属性。喜欢的收藏一下！

html代码:

        <lable>
            <input id="Checkbox1" type="checkbox" placeholder="复选框">one
    
           </lable>

css样式代码：

::-ms-check //将一个或者多个样式应用于复选框的选中

eg: #Checkbox1::-ms-check{

color: red;

}

//更改复选框中placeholder的文字样式 (需要注意浏览器的兼容性)

input::-webkit-input-placeholder {

/*WebKit browsers*/

padding-left: 2vw;

font-size: 17px;

}

以下还有一些适用于设置复选框样式的伪类

:checked

将样式应用于处于选择或选中状态的 checkbox。

:indeterminate

将样式应用于处于不确定状态的 checkbox。

:hover

将样式应用于当用户将光标置于 checkbox 上，但尚未通过单击激活它时的 checkbox。

:active

将样式应用于该控件处于活动状态时的 checkbox 控件。在用户按下该控件和释放该控件之间 checkbox 处于活动状态。如果用户按下控件并将指针拖离 checkbox，则该控件仍处于活动状态直至用户释放该指针。

:disabled

将样式应用于该控件处于禁用状态时的 checkbox 控件。若要禁用 checkbox，请将 disabled 属性添加到其 HTML 或在 JavaScript 中将 disabled 属性设置为 true。

上一篇:CSS动画效果

下一篇:简单实现移动端的侧边菜单栏效果

返回列表

新闻资讯

input复选框的样式更改