“cara mengubah warna tombol radio” Kode Jawaban

Ubah Warna Tombol Radio

input[type='radio'] {
  -webkit-appearance:none;
  width:20px;
  height:20px;
  border:1px solid darkgray;
  border-radius:50%;
  outline:none;
  box-shadow:0 0 5px 0px gray inset;
}

input[type='radio']:hover {
  box-shadow:0 0 5px 0px orange inset;
}

input[type='radio']:before {
  content:'';
  display:block;
  width:60%;
  height:60%;
  margin: 20% auto;    
  border-radius:50%;    
}
input[type='radio']:checked:before {
  background:green;
}
Scary Swiftlet

cara mengubah warna tombol radio

    input[type='radio']:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #d1d3d1;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }

    input[type='radio']:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #ffa500;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }
Yellowed Yacare

Ubah tombol radio warna

input[type='radio']{
		accent-color: green;
}
kamran shaikh

cara mengubah warna tombol radio

Using CSS you can use filter: grayscale(1); for dark grey, or use filter: hue-rotate() for other colors, in case you don't want to create a custom element.
Avenger

Jawaban yang mirip dengan “cara mengubah warna tombol radio”

Pertanyaan yang mirip dengan “cara mengubah warna tombol radio”

Lebih banyak jawaban terkait untuk “cara mengubah warna tombol radio” di CSS

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya