在表单的占位符中添加span

Question

我想在我的表格的占位符中添加一个颜色asterix,这可能吗？

Answer 1

这是纯css解决方案IE10 +

.input-placeholder {
  position: relative;
}
.input-placeholder input {
  padding: 10px;
  font-size: 25px;
}
.input-placeholder input:valid + .placeholder {
  display: none;
}

.placeholder {
  position: absolute;
  pointer-events: none;
  top: 0;
  bottom: 0;
  height: 25px;
  font-size: 25px;
  left: 10px;
  margin: auto;
  color: #ccc;
}

.placeholder span {
  color: red;
}

<form novalidate>
    <div class="input-placeholder">
        <input type="text" required>
        <div class="placeholder">
            Email <span>*</span>
        </div>
    </div>
    <input type="submit">
</form>

Answer 2

乍一看似乎不太可能,但它可能是创建自己的假spanholder元素的一个很好的选择:

<div class="holder">Email Address <span class="red">*</span></div>
<input id="input" size="18" type="text" />

小提琴

Answer 3

这是伪元素的一个很好的例子。

.someclass {
      position:relative;
}

.someclass:after {
      position:absolute;
      top:0;
      right:10px;
      content: "*";
      color:#ff0000
}

...调整到您自己的布局。