css设置placeholder字体颜色并保持input背景透明的方法

作者 : MOOMOO 本文共981个字,预计阅读时间需要3分钟 发布时间: 2022-04-25 共13人阅读

css设置input背景透明

<div class="fd-left">
    <div class="g-tit02"> 在线留言 </div>
    <form>
      <input type="text" name="name" class="inp" placeholder="姓名:">
      <input type="text" name="tel" class="inp" placeholder="电话:">
       <textarea class="textarea" name="msg" onfocus="if(this.value=https://www.moomoo.top/wangzhanjiaocheng/='请输入您的需求') {this.value='';}" onblur="if(this.value=='') {this.value='请输入您的需求';}">请输入您的需求>
.fd-left input,.fd-left textarea{background-color:rgba(255,255,255,0);color: #fff;}
.fd-left input::-webkit-input-placeholder{color: #fff !important;}
.fd-left .inp{display: inline-block;width: 168px;height: 42px;border: 1px solid #fff;padding: 0 10px;font-size: 14px;}
.fd-left .textarea{overflow: hidden;margin: 8px 0;width: 360px;height: 50px;border: 1px solid #fff;resize: none;display: block;line-height: 38px;font-size: 14px;padding: 0 10px;}
.fd-left .sub{width: 382px;height:35px;line-height: 35px;text-align: center;background-color: #fff;border: 0;font-size: 16px;cursor: pointer;color: #222;}
1. 本站所有资源来源于用户上传和网络,仅作为演示数据,如有侵权请邮件联系站长!
2. 本站客服QQ:4387159,唯一购买官网:MooMoo.TOP!
3. 盗版,破解有损他人权益和违法作为,请各位会员支持正版!
MooMoo » css设置placeholder字体颜色并保持input背景透明的方法

常见问题FAQ

是否支持共享资源赚外快?
本站支持任何人上传资源,一经采用即可展示,客户下单既有80%的提成。
可以免费教技术吗?
大家可以加群进行探讨共同进步,重点问题管理员会进行解答。
我是小白要怎么学习?
加群后做到不耻下问,看文章学习演示就能成为大佬。

发表评论