Cara Menghilangkan Warna Biru Saat Tap Link di Browser Chrome Mobile

Cara Menghilangkan Warna Biru Saat Tap Link di Browser Chrome Mobile

Mungkin sobat sering melihat overlay efek warna biru saat tap link di sebuah blog atau website tertentu khususnya untuk browser Chrome di perangkat mobile seperti smartphone atau tablet.

Cara Menghilangkan Warna Biru Saat Tap Link di Browser Chrome Mobile

Walaupun bukan sesuatu yang besar hal ini mungkin bisa sedikit mengganggu bagi sebagian orang termasuk saya. Maka dari itu di sini saya akan membagikan trik sederhana agar menghilangkan efek overlay warna biru saat tap link di blog yang sobat kelola ketika diakses lewat Chrome mobile.

Cara Menghilangkan Warna Biru Saat Tap Link di Browser Chrome Mobile


Caranya sangatlah mudah, sobat cukup menambahkan kode CSS di bawah ini tepat sebelum ]]></b:skin> atau </style> di Edit HTML Blogger

*,*:before,*:after{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}

Bagi sobat yang di dalam tema sudah memiliki kode seperti ini

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

Sobat hanya perlu menambahkan kode di atas jadi seperti ini

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}

Setelah itu klik klik Simpan Tema dan buka blog sobat di browser Chrome mobile untuk melihat hasilnya.

Berikut ini contoh video dari blog ini saat belum menambahkan kode di atas


Dan ini contoh video setelah menambahkan kode di atas


Cukup mudah bukan? Oke, sekian dari Arlina Code tentang Cara Menghilangkan Warna Biru Saat Tap Link di Browser Chrome Mobile, semoga bermanfaat dan wassalam.
Load comments