关于placeholder

placeholder在鼠标移入时消失

/* WebKit browsers */

input:focus::-webkit-input-placeholder { color:transparent; }

/* Mozilla Firefox 4 to 18 */

input:focus:-moz-placeholder { color:transparent; }

/* Mozilla Firefox 19+ */

input:focus::-moz-placeholder { color:transparent; }

/* Internet Explorer 10+ */

input:focus:-ms-input-placeholder { color:transparent; }

placeholder文字样式

/*修改placeholder*/

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

    color: #999;

}

input:-moz-placeholder, textarea:-moz-placeholder {

     color: #999;

}

input::-moz-placeholder, textarea::-moz-placeholder {

    color: #999;

}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {

    color: #999;

}

  超链接的几种状态（顺序如下：l-v-h-a）

a:link{text-decoration:none;}  /* 指正常的未被访问过的链接*/

a:visited{text-decoration:none;}/*指已经访问过的链接*/

a:hover{text-decoration:none;}/*指鼠标在链接*/

a:active{text-decoration:none;}/* 指正在点的链接*/

外阴影

-moz-box-shadow:2px 2px 5px #333333;

      -webkit-box-shadow:2px 2px 5px #333333;

box-shadow:2px 2px 5px #333333;

更改复选框样式

/*最初状态*/

input[type=checkbox]{

      position:relative;

      width:20px;

      height: 20px;

    }

  /*用前置内容生成的方式附图*/

    input[type=checkbox]::before{

      content:'';

      position:absolute;

      width:20px;

      height:20px;

      background:url('images/ungou.jpg') no-repeat;

    }

/*点选后，更改前置内容生成时的图片即可*/

    input[type=checkbox]:checked::before{

      background:url('images/gou.jpg') no-repeat;

      content:'';

    } 

border-radius

.boder-radius{

    -webkit-border-radius:6px;//适配以webkit为核心的浏览器(chrome、safari等)    -moz-border-radius:6px;//适配firefox浏览器    -ms-border-radius:6px;//适配IE浏览器    -o-border-radius:6px;//适配opera浏览器    border-radius:6px;//适配所有浏览器(需要放在最后面，类似于if..else if..else..)}

透明度的兼容性问题(兼容ie8和ie9)

opacity: 0.5;filter: alpha(opacity = 50);

filter: progid:DXImageTransform.Microsoft.Alpha(style = 0, opacity = 50);