用css实现原生form中radio单选框和input的hover已经focus的样式

呆呆加油呀2023-11-22 1:01

一.问题描述：用css实现原生form中radio单选框和input的hover已经focus的样式

在实际的开发中，一般公司ui都会给效果图，比如单选按钮radio样式，input输入框hover的时候样式，以及focus的时候样式，等等，今天我们就来实现下

二.实现方法

javascript 复制代码

设置单选框颜色：
.comItem .content input[type="radio"] {
    accent-color: #D9262C;
}

设置hover颜色：
input:hover {
    border-color: #DF464B;
}
和focus的颜色
input:focus {
     border-color: #DF464B;
}

三：实现效果图

好啦已经完成啦，大家可以相互讨论学习额！