修改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