gpt4 book ai didi

html - 将其他 HTML 添加到页面时的 CSS(脱节)问题

转载 作者:行者123 更新时间:2023-11-27 23:56:50 25 4
gpt4 key购买 nike

我有一个基本的 HTML 页面,其中包含两个输入字段,一个文本和一个按钮。当文本字段具有焦点时,我希望隐藏按钮。只要我不在两个输入标签之间添加任何更多 HTML 代码(我希望这样做),我就可以正常工作。

我知道我可以用 jQuery 做到这一点,但理想情况下我更喜欢基于 CSS 的解决方案。

<style>
input[type="text"]:focus + input[name="submitButton"]{
visibility: hidden;
}
</style>

<input type="text" />
<input type="submit" name="submitButton" />

如果我在两个标签之间添加额外的两个

语句,它将无法工作。

<input type="text" />
<br/><br/>
<input type="submit" name="submitButton" />

我知道我可以使用 jQuery,但我更喜欢 CSS 解决方案。

谢谢。

最佳答案

伙计...我解决了你的问题

HTML

<input type="text" />
<br/><br/>
<input type="submit" class="btn" name="submitButton" />

CSS

input[type=text]:focus ~ input[type=submit]
{
visibility:hidden;
}


vote if it helps

关于html - 将其他 HTML 添加到页面时的 CSS(脱节)问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56210678/

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