如何以一定角度绑定占位符输入的样式属性,例如占位符的文本缩进

时间:2019-04-04 11:11:54

标签: css angular binding

我知道我可以做到:

::-ms-input-placeholder,  /* Microsoft Edge */
:-ms-input-placeholder,   /* Internet Explorer 10-11 */
::placeholder  /* Chrome, Firefox, Opera, Safari 10.1+ */
{
  text-indent: 10px;
}

但是我想使用出价属性[style ...]

<input type="text" [style.placeholder.text-indent.px]="customIndent">

1 个答案:

答案 0 :(得分:0)

我不确定我是否理解您的问题,但:

您可以尝试


    number = 10;

    getStyle() {
         style = {
           'text-indent:' : this.number + 'px'
          } 
         return style;     
    }

并使用类似:

<input type="text" [ngStyle]="getStyle()">