項目超實用的CSS樣式

//去掉webkit的滾動條——display: none;

//其他參數

::-webkit-scrollba//滾動條整體部分

::-webkit-scrollbar-thumb//滾動條內的小方塊

::-webkit-scrollbar-track//滾動條軌道

::-webkit-scrollbar-button//滾動條軌道兩端按鈕

::-webkit-scrollbar-track-piece//滾動條中間部分,內置軌道

::-webkit-scrollbar-corner//邊角,兩個滾動條交匯處

::-webkit-resizer//兩個滾動條的交匯處上用于通過拖動調整元素大小的小控件

// 禁止長按鏈接與圖片彈出菜單

a,img { -webkit-touch-callout: none }

// 禁止ios和android用戶選中文字

html,body {-webkit-user-select:none; user-select: none; }

// 改變輸入框placeholder的顏色值

::-webkit-input-placeholder {/* WebKit browsers */color: #999; }

:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #999; }

::-moz-placeholder {/* Mozilla Firefox 19+ */color: #999; }

:-ms-input-placeholder {/* Internet Explorer 10+ */color: #999; }

input:focus::-webkit-input-placeholder{color:#999; }

// android上去掉語音輸入按鈕input::-webkit-input-speech-button{display: none}

// 阻止windows Phone的默認觸摸事件

/*說明:winphone下默認觸摸事件事件使用e.preventDefault是無效的,可通過樣式來禁用,如:*/html { -ms-touch-action:none; }//禁止winphone默認觸摸事件

// 阻止windows Phone的默認觸摸事件

/*說明:winphone下默認觸摸事件事件使用e.preventDefault是無效的,可通過樣式來禁用,如:*/html { -ms-touch-action:none; }//禁止winphone默認觸摸事件

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容