头闻号

童军

塑料表面处理|中网|数码相机|注塑加工|表面处理

首页 > 新闻中心 > 科技常识:一个看起来比较舒服值得学习的文本框样式
科技常识:一个看起来比较舒服值得学习的文本框样式
发布时间:2024-11-05 16:37:47        浏览次数:5        返回列表

今天小编跟大家讲解下有关一个看起来比较舒服值得学习的文本框样式 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关一个看起来比较舒服值得学习的文本框样式 的相关资料,希望小伙伴们看了有所帮助。

一个看起来比较舒服的文本框样式 关键点在黄色背景那几点 复制代码代码如下: .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); }

来源:爱蒂网