Cara Menghilangkan Warna Biru Saat Tap Link di Browser Chrome Mobile
Snippet Tips BloggerWalaupun 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.