首页 > Web开发 > 详细

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

时间:2019-11-23 09:54:12      阅读:99      评论:0      收藏:0      [点我收藏+]

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设置

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!