“Стилирование радио вход” Ответ

Стилирование радио вход

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 изменить радиобатчевую кнопку

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

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

Ответы похожие на “Стилирование радио вход”

Вопросы похожие на “Стилирование радио вход”

Больше похожих ответов на “Стилирование радио вход” по CSS

Смотреть популярные ответы по языку

Смотреть другие языки программирования