表单常用样式汇总

input-placeholder获取焦点清空

<input type="text" placeholder="请输入" οnfοcus="this.placeholder=''" οnblur="this.placeholder='请输入'">

 

点击input 自动删除value文本内容

<input type="text" value="请输入" οnfοcus="if(this.value=='请输入'){this.value='';}" οnblur="if(this.value==''){this.value='请输入';}">

 

placeholder 颜色修改

<style>
        input::-webkit-input-placeholder{ color:#000; }
        input::-moz-placeholder{ color:#000;  /* Mozilla Firefox 19+ */  }
        input:-moz-placeholder{ color:#000;  /* Mozilla Firefox 4 to 18 */  }
        input:-ms-input-placeholder{ color:#000;  /* Internet Explorer 10-11 */  }
</style>

 

input点击出现的边框设置

input:focus{ outline:none }  /*去掉边框*/
input:focus{ outline:1px solid #000; }  /*外部边框颜色设置为黑色*/
input:focus{ border-color:#000; outline: none; }  /*内部边框颜色设置为黑色*/

 

文字两端对齐

.nr ul li span{ width:60px; height:35px; line-height:35px; float:left;text-align: justify}
.nr ul li span:after{ content:" "; display:inline-block; width:100%;}

 

 

 

 

 

 

待补充...