加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

表单 – 在表单的占位符中添加span

发布时间:2020-12-14 18:28:49 所属栏目:资源 来源:网络整理
导读:我想在我的表格占位符中添加一个颜色asterix,这可能吗? 解决方法 这是纯css解决方案IE10 .input-placeholder { position: relative;}.input-placeholder input { padding: 10px; font-size: 25px;}.input-placeholder input:valid + .placeholder { display
我想在我的表格占位符中添加一个颜色asterix,这可能吗?

解决方法

这是纯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>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读