Fake Link

Tabel Konten
  1. HTML 
  2. CSS 
  3. Demo 

HTML 

<form class="fake-link" action="//example.org" method="get" target="_blank">
  <input name="aff" type="hidden" value="1234567">
  <button type="submit">affiliate link</button>
</form>

CSS 

.fake-link,
.fake-link button {
  margin:0;
  padding:0;
  width:auto;
  height:auto;
  background:none;
  border:none;
  font:inherit;
  text-transform:none;
  display:inline;
}
.fake-link button {
  color:blue;
  cursor:pointer;
}
.fake-link button::-moz-focus-inner {
  margin:0;
  padding:0;
  border:none;
  outline:none;
}
.fake-link button:focus,
.fake-link button:hover {text-decoration:underline}
.fake-link button:active {color:red}

Demo 

Lihat Demo

5 Komentar

  • Ifa Susanti

    fake link gunanya untuk apa mas?

  • BOTmaz

    sangat membantu mas,, nanti dicoba ah :D

  • Anonim

    Nice trick gan..

  • muzazu

    wah keren nih baru tau saya, bisa dicoba :yaya:

  • Pratama Aditya

    wew . mantap trik nya .

Komentar telah ditutup.