√ Cara Menghilangkan Warna Biru Saat Tap Link di Browser Chrome Mobile

Cara Menghilangkan Warna Biru Saat Tap Link di Browser Chrome Mobile

7/13/2022

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.

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

Result

Dan ini contoh video setelah menambahkan kode di atas

Result

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