idea 常用快捷键 联合主键 centos7 EasyCVR facebook mysqli unicode gwt node vb6 gdb vue请求 vue学习教程 网赚视频教程 jq点击事件 mysql自连接 git登录命令 windows杀进程命令 matlab输入参数太多 pythoninput java泛型 java重写和重载的区别 java获取当前年 java的for循环 java时间戳转换 java安装 php整站源码 0x0000004e 微信签名一句话至自己 万能低格工具 unix系统下载 kms神龙 js格式化时间 java电子书 html5下载 bz2解压命令 lol卡米尔 梦幻手游助手 斑驳纹理 计算机科学概论
当前位置: 首页 > 学习教程  > 

点击input框时改变边框颜色和占位符字体颜色

2020/10/16 18:01:18 文章标签: input边框颜色

<input type"text" name"" class"" placeholder"请填写您的姓名"><input type"text" name"" class"" placeholder"请填写手机号码">.info_contents_5 .info_con_padding input…

 <input type="text" name=""  class="" placeholder="请填写您的姓名">
        <input type="text" name=""  class="" placeholder="请填写手机号码">
.info_contents_5 .info_con_padding input{
  width: 100%;
  height: 1.46rem;
  margin-bottom: 0.4rem;
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  font-size: 0.64rem;
  padding-left: 0.2rem;
  outline: none;
}
.info_contents_5 .info_con_padding .inputs::-webkit-input-placeholder{/*Webkit browsers*/
  color:#000;
}
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  <script>
    $('input').focus(function(){
     $(this).css('border','1px solid #0678d1')
     $(this).addClass('inputs')
    })
    $('input').blur(function(){
      $(this).css('border','1px solid #d8d8d8')
      $(this).removeClass('inputs')
    })
  </script>

本文链接: http://www.dtmao.cc/news_show_300279.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?