Lompat ke konten

Kode Drop Down Option Dengan URL

  • oleh

kalau anda ingin pakek drop down option yang ada urlnya bisa gunakan kode dibawah ini, tapi ya gitu… css nya masih jelek dan masih butuh perbaikan, silahkan di edit sendiri, karena ini cuma buat catetan saja :

dibawah ini kodenya….

silahkan edit sendiri sesuai kebutuhan

<style>

:root {

  –gray: #34495e;

  –darkgray: #2c3e50;

}

select {

  appearance: none;

  outline: 0;

  border: 0;

  box-shadow: none;

  flex: 1;

  padding: 0 1.3em;

  color: #fff;

  background-color: var(–darkgray) !important;

  background-image: none;

  cursor: pointer;

}

select::-ms-expand {

  display: none;

}

.select {

  position: relative;

  display: flex;

  margin: 0 auto;

  width: 20em;

  height: 3em;

  border-radius: 3px;

  overflow: hidden;

}

.select::after {

  content: ‘\25BC’;

  position: absolute;

  top: -5px;

  right: 0;

  padding: 1em;

  background-color: #418BFF !important;

  transition: .25s all ease;

  pointer-events: none;

}

.select:hover::after {

  color: #f39c12 !important;

}

</style>

<div class=”select”>

  <select onchange=”location = this.value;”>

    <option>Pilih Tujuan Anda</option>

    <option value=”sugehinstan.com” disable>Sugeh Instan</option>

    <option value=”sugehmanual.com”>Sugeh Manual</option>

  </select>

</div>

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *