手機端去除按鈕點選陰影

2021-08-13 10:57:54 字數 342 閱讀 1463

1.做好的頁面在手機端測試時,發現部分瀏覽器,tap後會出現乙個半透明的灰色背景,起初以為是outline作怪,加上後發現沒反應,最後發現是tap後的背景高亮,要重設這個表現,則需要設定-webkit-tap-highlight-color為所需色彩,直接透明吧:

a,img,button,input,textarea

2.另外,如何去掉textarea,input的預設樣式(ios上的圓角及內陰影等,android未測試):

主要css屬性:

-webkit-tap-highlight-

color

: rgba(

0,0,

0,0);或 * *

前端去除預設屬性

charset utf 8 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button 初始化標...

移動端去除橫向滾動條

在手機上逛一些電商 或者其他相同型別的 時,會遇到橫向滑動的商品。如京東 等電商 下。我們知道,這一般情況下為某個元素設定overflow auto做到,表示橫向或者豎向依據內容的多少自動出現滾動條。但是,在頁面中間出現橫向滾動條是十分不好看的.在不使用任何外掛程式的情況下,可以使用原生css的方法...

移動端去除a鏈結點選陰影

a 也有人說是outline none 但是試了並沒有什麼用 mdn解釋 webkit tap highlight color是乙個非標準的css屬性,用於設定在點選鏈結時在鏈結上顯示的突出顯示的顏色。突出顯示向使用者指示他們的點選被成功識別,並指示他們正在點選哪個元素。webkit tap hig...