设置input textarea边距css样式

html代码

 <textarea class="zd_textarea"  style="width:92%; height: 135px; text-indent: 20px;    margin: 0 auto; margin-top: 20px; background: #ededed; border: white "   name="message" id="" cols="30" rows="10" v-model="formObj.messageContent" placeholder="您有什么想说的，可以在此留言，工作人员收到后会给您反馈。"></textarea>
     </div>

css代码

</script>

<style scoped lang="scss">


  textarea[class='zd_textarea']::-webkit-input-placeholder {
    /*color: green;*/
    padding-left: 15px;
    padding-top: 10px;
    padding-right: 10px;
    text-align: left;

  }
 textarea[class='zd_textarea']:-moz-placeholder {
   padding-left: 15px;
   padding-top: 10px;
   padding-right: 10px;
   text-align: left;
  }
  textarea[class='zd_textarea']::-moz-placeholder {
    padding-left: 15px;
    padding-top: 10px;
    padding-right: 10px;
    text-align: left;
  }
  textarea[class='zd_textarea']:-ms-input-placeholder {
    padding-left: 15px;
    padding-top: 10px;
    padding-right: 10px;
    text-align: left;
  }

参考

https://segmentfault.com/a/1190000019587146

https://www.jianshu.com/p/41190fd960ba

https://blog.csdn.net/flting1017/article/details/79168959