在移動設備中,iOS系統默認會為網頁添加一些樣式,比如按鈕的背景色、鏈接的顏色、輸入框的邊框等等。這些樣式可能會影響我們自定義網頁的樣式,所以我們需要清除這些默認樣式。
*{ -webkit-tap-highlight-color: transparent; /*去掉鏈接元素的高亮效果*/ -webkit-touch-callout: none; /*禁止彈出選擇框*/ -webkit-text-size-adjust:none; /*禁止文字大小調整*/ -webkit-user-select: none; /*禁止文本選中*/ -webkit-appearance: none; /*去掉輸入框默認樣式*/ box-sizing: border-box; /*設置盒模型為邊框盒模型*/ } button,input[type="reset"],input[type="button"],input[type="submit"]{ -webkit-appearance:none; /*去掉按鈕默認樣式*/ } a,a:hover{ text-decoration: none; /*去掉鏈接下劃線*/ color:inherit; /*使用父級顏色*/ }
上述代碼可以去掉iOS系統默認的鏈接樣式、輸入框樣式、按鈕樣式以及一些不必要的特效,讓網頁更符合我們的設計需求。
上一篇div css輪播圖
下一篇div css設置導航欄