没有光标在悬停时可见

时间:2018-10-06 18:37:47

标签: html css

我在输入字段上显示标签,我想显示一个用于在标签悬停时写的光标。最简单的解决方案是什么?我不想使用占位符标签。 JSFiddle:https://jsfiddle.net/cotfry8k/

摘要:

label {
    left: 50px;
    position: relative;
    cursor: text;
}

label:hover span {
    visibility: hidden;
}
<form>
<label><span>Name</span></label>
  <input type="text"/>
</form>

1 个答案:

答案 0 :(得分:0)

更新的小提琴:https://jsfiddle.net/cotfry8k/3/

cursor: text;上放置label样式。

label {
    left: 50px;
    position: relative;
    cursor: text;
}

label:hover span {
    visibility: hidden;
}
<form>
  <label><span>Name</span></label>
  <input type="text"/>
</form>