“Estilo de entrada de rádio” Respostas de código

Estilo de entrada de rádio

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 Alterar o estilo do botão de rádio

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

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

Respostas semelhantes a “Estilo de entrada de rádio”

Perguntas semelhantes a “Estilo de entrada de rádio”

Mais respostas relacionadas para “Estilo de entrada de rádio” em CSS

Procure respostas de código populares por idioma

Procurar outros idiomas de código