修改input输入框的样式

css3 appearance 属性：

 -moz-appearance ，-webkit-appearance

normal	将元素呈现为常规元素。
icon	将元素呈现为图标（小图片）。
window	将元素呈现为视口。
button	将元素呈现为按钮。
menu	将元素呈现为一套供用户选择的选项。
field	将元素呈现为输入字段。

 

 

首先要将input输入框的默认样式去掉

-web-kit-appearance:none;
  -moz-appearance: none;

然后我们加上边框和圆角，并设置input的高度和字体大小和颜色

font-size:1.4em;
height:2.7em;
border-radius:4px;
border:1px solid #c8cccf;
color:#6a6f77;

然后将input输入框的轮廓去掉：

outline:0;

 

 

原文：http://blog.csdn.net/qq_35718410/article/details/52149894