“Input Radio Styling” Kode Jawaban

Input Radio Styling

input:where([type="checkbox"], [type="radio"]){
  -webkit-appearance : none;
  appearance         : none;
  width              : 22px;
  height             : 22px;
  margin             : calc(0.75em - 11px) 0.25rem 0 0;
  vertical-align     : top;
  border             : 2px solid #ddd;
  border-radius      : 4px;
  background         : #fff no-repeat center center;
}

input[type="radio"]{
  border-radius : 50%;
}

input:where([type="checkbox"], [type="radio"]):where(:active:not(:disabled), :focus){
  border-color : #696;
  outline      : none;
}

input:where([type="checkbox"], [type="radio"]):disabled{
  background : #eee;
}

input[type="checkbox"]:checked{
  background-image : url('checkbox.svg');
}

input[type="radio"]:checked{
  background-image : url('radio.svg');
}
Graceful Gharial

CSS mengubah gaya tombol radio

.radiobutton{
	background-color: cyan;
  	border: none;
  	padding: 2px;
}

.radiobutton:hover{
	background-color: blue;
  	border: none;
  	padding: 10px;
}
Yasin

Jawaban yang mirip dengan “Input Radio Styling”

Pertanyaan yang mirip dengan “Input Radio Styling”

Lebih banyak jawaban terkait untuk “Input Radio Styling” di CSS

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya