如何解决以CSS的输入隐藏标签为重点
我有这个表格:
<div class="c--input">
<label for="firstname">Firstname</label>
<input id="firstname" type="text">
</div>
当用户尝试在输入中插入文本时,我想删除<label>
。
所以我用了这个:
.c--input input:focus + label::before,.c--input input:active + label::before {
opacity: 0; /* To visually hide the label's pseudoelement */
pointer-events: none; /* To prevent any cursor-based interaction */
}
为什么不起作用?
谢谢。
解决方法
请尝试通过集中显示或不显示隐藏并通过内联显示来显示
.c--input label{
display: inline-block;
}
div input:active + label,div input:focus + label {
display: none;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。