码迷,mamicode.com
首页 > Web开发 > 详细

关于input的背景框透明,修改字符的时候背景透明css设置

时间:2019-11-23 09:16:10      阅读:97      评论:0      收藏:0      [点我收藏+]

标签:image   loading   net   explorer   alt   img   mozilla   intern   put   

1.背景透明

.detail input{
      background-color:transparent;
      color: #00c7ff;
      border:1px solid #00c7ff;
    }
技术图片

 

2.修改字符背景透明

.detail input:focus {
      background-color:transparent;
      color: #00c7ff;
      }
技术图片

 

 3.input中placeholder的修改

input::-webkit-input-placeholder{
  color:rgba(2,208,231,0.38);
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:rgba(2,208,231,0.38);
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:rgba(2,208,231,0.38);
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
  color:rgba(2,208,231,0.38);
}
技术图片

 

 

关于input的背景框透明,修改字符的时候背景透明css设置

标签:image   loading   net   explorer   alt   img   mozilla   intern   put   

原文地址:https://www.cnblogs.com/menxiaojin/p/11915256.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!