使用CSS将“*”添加到输入占位符[重复]

Question

即使使用占位符定义也无法在占位符之前添加星号 演示如下

HTML：

<input type="text" placeholder="Asterisk Before Placeholder"/>

CSS：

input::-webkit-input-placeholder:before {
  content: '*';
}
input:-moz-placeholder:before { /* Firefox 18- */
  content: '*'; 
}
input::-moz-placeholder:before {  /* Firefox 19+ */
  content: '*';
}
input:-ms-input-placeholder:before {  
  content: '*';
}

见JSFiddle

Answer 1

请使用 Javascript 试试这个：

var asterisk = "* ",
    inputList = document.getElementsByTagName("input");

for(i=0; i < inputList.length; i++) {
     inputList[i].placeholder = asterisk.concat(inputList[i].placeholder);
}