input 中使用padding-left 如何使placeholder不受影响？

Question

1.

2.使用padding-left时输入光标向右移动了一点。导致placeholder也向右移动。

问题：如何做让placeholder不受影响？

Answer 1

input::-webkit-input-placeholder { /* WebKit browsers */
  
}

    input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
      
    }
    input::-moz-placeholder { /* Mozilla Firefox 19+ */
      
    }
    input:-ms-input-placeholder { /* Internet Explorer 10+ */
      
    }

Answer 2

不用placehodler，给input加个伪类，然后输入的时候用js控制伪类的状态就行了，瞎想的，可以试试