当前位置: 首页 > article >正文

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

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

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

二.实现方法

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

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

三:实现效果图

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


http://www.kler.cn/news/136244.html

相关文章:

  • 书生第四期作业:L0G4000 任务作业
  • 高级java每日一道面试题-2024年10月24日-JVM篇-说一下JVM有哪些垃圾回收器?
  • ReactOS系统中平衡二叉树按从左到右的顺序找到下一个结点
  • 密码md5加密处理
  • STM32Lx GXHT3x SHT3x iic 驱动开发应用详解
  • Github关于LLM热门项目(10k+)
  • DRF纯净版项目搭建和配置
  • ExcelBDD PHP Guideline
  • 从0开始学习JavaScript--JavaScript使用Promise
  • 虹科示波器 | 汽车免拆检修 | 1994款凯迪拉克fleetwood车发动机无法起动
  • 论文阅读:“iOrthoPredictor: Model-guided Deep Prediction of Teeth Alignment“
  • 访问限制符说明面向对象的封装性
  • 【ArcGIS Pro微课1000例】0033:ArcGIS Pro处理cad数据(格式转换、投影变换)
  • leetcode做题笔记2736. 最大和查询
  • 管家婆订货易在线商城任意文件上传漏洞复现
  • Pinia的使用
  • 读像火箭科学家一样思考笔记04_第一性原理(下)
  • MATLAB算法实战应用案例精讲-【神经网络】Transformer
  • K8S(一)
  • maven升级版本后报错:Blocked mirror for repositories
  • 传递函数的推导和理解
  • 大数据HCIE成神之路之数学(3)——概率论
  • AVL树你需要了解一下
  • 代码随想录 Day50 单调栈 LeetCodeT503 下一个最大元素II T42接雨水
  • 【教3妹学编辑-mysql】详解数据库三大范式
  • 鸢尾花分类