当前位置:首页 > CSS > 关键词 > placeholder > 正文

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

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

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=='请输入您的需求') {this.value='';}" onblur="if(this.value=='') {this.value='请输入您的需求';}">请输入您的需求</textarea>
     <input type="submit" class="sub" value="提交需求">
   </form>
</div>
.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;}

本文属原创,转载请注明原文:https://zhimatong.com/jiaocheng/725.html

为保证教程的实用性及扩大知识面覆盖,如果您有相似问题而未解决,可联系在线客服免费技术支持。

随手消灭0赞

相关阅读
关键词: