gpt4 book ai didi

css - 如何将 放入 <input> 中?

转载 作者:技术小花猫 更新时间:2023-10-29 10:22:13 27 4
gpt4 key购买 nike

<分区>

这不是重复的。虽然我基本上是在寻找与 the other post 相同的结果,我想以不同的方式去做。他们正在使用背景图片,而我想使用 <span> .

我正在尝试创建一个文本框,以便当用户在其中键入内容时,右侧会显示一个“X”。但是,我不希望在框中没有文本时显示“X”,就像现在这样。

我尝试将“X”设为白色,并让它在滑动时转换颜色,但当您将鼠标向下拖动到它上面时您仍然可以选择。

我想我需要将它放在文本框内(以某种方式),然后将它向右滑动并使用 overflow: hidden 隐藏它。 .我也确实尝试过这样做,但是我什么也做不了。

http://jsfiddle.net/qgy8Ly5L/16/

<span>当它不显示时应该在白色背景的“后面”。中间过渡应该是这样的:

x.jpg
(来源:googledrive.com)

这在 CSS 中可行吗?如果可行,我该怎么做?

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com