CSS:如何在输入值之前添加内容?

时间:2011-09-12 05:49:19

标签: css css3

  

可能重复:
  CSS :after pseudo element on INPUT field

以下是我尝试用来设置输入按钮样式的内容:

.save:before, input[type="submit"]:before {content: "\2714";}

这是我想要设计样式的HTML:

<input type="submit" id="edit-submit" name="op" value="Save" class="form-submit">

这适用于所有其他非输入的元素,但有没有办法让它能够处理上面的代码?

谢谢

1 个答案:

答案 0 :(得分:2)

没有CSS,但Javascript:

var inputs = document.getElementsByTagName('input');
for (var i = 0, il = inputs.length; i < il; i++) {
  if (inputs[i].type.toLowerCase() == 'submit') {
    inputs[i].value = '\u2714 ' + inputs[i].value;
  }
}

See demo