1. 程式人生 > >input框處理大全

input框處理大全

line ear sha 控制 pos tex off shadow chrome瀏覽器

1、去掉谷歌input記住賬號或密碼時默認出現的黃色背景:

直接用css的內陰影來覆蓋黃色(代碼中 white可換成其他顏色)

input:-webkit-autofill { 
-webkit-box-shadow: 0 0 0px 1000px white inset; 
} 

2、去掉Input框的默認樣式:

input, button, select, textarea {
outline: none;    //去掉chrome瀏覽器自帶的點擊input框出現邊框情況
-webkit-appearance: none;   //去掉按鈕樣式
border-radius: 0;  //去掉圓角
}

3、控制input標簽聚焦時不出現默認邊框:

input:focus{ outline:none; }

4、input消除自動記憶功能:

<input type="text" autocomplete="off">
// input 的autocomplete屬性默認是on:其含義代表是否讓瀏覽器自動記錄之前輸入的值
off:則關閉記錄

input框處理大全