用placeholder遇到的坑

placeholder的文字位置调整不生效

最近写页面的时候使用到了input输入框的placeholder属性，在调整他的样式的时候遇到了问题。
placeholder的文字位置的调整不能使用margin，否则不会生效，要使用padding进行设置

 input::placeholder {
        font-size: 14px;
        font-family: Arial;
        color: black ;
        padding-right: 5rem;
    }

placeholder动态绑定

使用组件时，动态绑定了placeholder的文字内容，在父组件设置了要显示的文字，但是不生效，检查发现父组件中填入的应为字符串‘day’，少了一对引号‘’
子组件：

<input class="drop-input" :class="{'warning':parameter?.IsInValid,'lock':parameter?.IsUnEnabled}"
                       v-bind:disabled="!inputOption || parameter?.IsUnEnabled"
                       @blur="onBlur()"
                       @focus="onFocus()"
                       v-model="inputVal" :placeholder="tip">

 props: {
        
        tip:String, //是否显示提示
       
    },

父组件

<SelectBox class="param1"  :boxWidth="92" :tip="'day'"></SelectBox>