HTML DOM Input Checkbox 对象

m”属性和“text-decoration”属性让a标签下面的线加粗，语法为“a{text-decoration:none;borde

CSS3 Flex Box 弹性盒子、弹性布局

在css中我们想实现透明颜色，首先就会想到rgba()和hsla()这2个属性。这篇文章就简单介绍下使用这2种方式来实现半透明边框。

CSS vw单位

padding缩写      pd30-40        padding: 30px 40px;

属性选择器

CSS 属性选择器通过已经存在的属性名或属性值匹配元素。

CSS white-space 属性

body {

        perspective: 39px;

}

img {

        display: block;

        margin: 100px auto;

        transition: all 1s ;

}

img:hover {

        transform: rotateX(180deg);

}

rotateZ()函数是一个

    return '<iframe  id="iFrame1" name="iFrame1"  

本教程操作环境：windows7系统、HTML5&&javascript1.8.5版、Dell G3电脑。

HTML5-video视频/audio音频

　被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止(比如选择了一个复选框等等)。

概述   

 在页面设计时，我们经常使用input复选框。由于界面设计的需要，我们需要修改复选框的样式，使得界面更美观或者适应新的需求。由于CheckBox伪类修改比较复杂，通常修改的方式有两种，一个是链入图片，另一个是使用纯css的方法进行修改。链入图片的设计方式比较简单，但是需要预先设计或者下载图片，比较麻烦。纯css的方法，只需要在css文件中编写代码，个人觉得比较方便，因此，本文使用该方式对input中的CheckBox进行设置。

实现效果  

  本文在设计时，希望达到以下效果，如图所示，每个带颜色的方块都是有input框组成，每个input框的背景色不同，并且，再点击时，只能同时选中一个input框（实现效果相当于radio）。

实现步骤

1、单个input[type=checkbox]样式修改

    在设计时，我们使用<lable>标签的for属性，绑定到input标签上（for属性应对应到input标签中的id）。在jsp代码中设计如下所示：

有checkBox复选框需求时，我们所用的框架样式不符合，所以需要自己写 对勾样式，当然用图片也OK。

效果图：

html:

 <div class="msg-position c-bg-wt">

    <p>推送岗位<i class="c-rd">*</i>&nbsp;&nbsp;&nbsp;&nbsp;

      <i class="icon-span" :class="{'icon-span-select' : chkAllStatus, 'brand-btn':  chkAllStatus, 'brand-b':  chkAllStatus}" @click="chkAll"></i>

      全部</p>

    <div v-for="item in positions" class="msg-position-div hidden">

checkbox没有readonly属性，如果使用disabled="disabled" 属性的话，会让checkbox变成灰色的，用户很反感这种样式可以这样让它保持只读：

方式一：

设置它的onclick="return false"