如何在输入标签中提供聚焦css效果

文章/答案/技术大牛

发布

1回答

reactjs

我有两个输入域，并希望他们有box-shadow效果时，只有当他们中的每一个都是焦点。我的想法是给它们一个状态focus，并在focus为true时显示框阴影，但我不知道如何实现这一点。

浏览 18提问于2020-07-03得票数 0

回答已采纳

1回答

如何在搜索框被聚焦时禁用悬停效果？

javascript、html、css

我在我的网站上输入了搜索框的CSS代码。但是，当它聚焦时，仍然悬停是有效的。如何在搜索框被聚焦时禁用此悬停效果，并在焦点效果移除后重新启用？

浏览 14提问于2021-03-02得票数 0

回答已采纳

2回答

我需要在聚焦输入时隐藏占位符，但显示该输入的标签

javascript、html、css、angular、typescript

我一直在寻找如何解决这个问题，我已经应用了scss和css，还有javascript。我需要我的输入来显示一个占位符，当它正常打开时，当你关注它时，它会显示它的标签，看起来很小，就像我在这张照片中一样。这是输入代码，我正在处理的标签为我提供了任何代码，ts，js，css，html。

浏览 0提问于2021-06-02得票数 0

2回答

如何在纯javascript中改变输入焦点的标签颜色？

javascript、html、css

我有两个输入框内的一个分区的位置绝对。以及那些输入框上的标签。我想要的效果是，当我聚焦一个输入框时，标签应该是蓝色，当模糊时应该删除类(蓝色)。同时还有另一个标签和输入框。 <label class = "labels">Last Name:</label> <input type = "text" class = &quo

浏览 11提问于2017-10-13得票数 0

回答已采纳

1回答

在输入元素上使用":focus“后，是否可以退出span到目标标签？

html、css

在输入被聚焦之后，我如何在css中定位这个标签？

浏览 0提问于2021-10-25得票数 0

3回答

像(autofocus，required，type="email“这样的电子邮件标签在IE9中不起作用

css、html、internet-explorer、cross-browser

我使用的HTML5标签，如标题，部分，导航，文章，自动聚焦，必需，输入type=“电子邮件”和模式。<!

浏览 0提问于2012-08-25得票数 0

回答已采纳

1回答

标签包装一个输入-如何使焦点样式可见时，只有集中使用键盘，而不是鼠标单击？

html、css、focus

在下面的示例中，只有当按钮使用键盘(而不是鼠标单击)聚焦时，按钮的焦点样式才是可见的。

浏览 12提问于2022-07-30得票数 0

回答已采纳

4回答

突出显示jquery中表单域的边框

jquery、html、forms

使用Jquery高亮显示文本框字段的边框，具有平滑效果。例如：当用户聚焦输入框时，字段的边框应突出显示，以获得平滑的效果。我知道它可以使用css的焦点属性来完成，但我不想使用它，因为它不能提供流畅的效果。例如参考文献: 1. youtube的搜索框： 2.99limm：

浏览 0提问于2013-04-10得票数 1

回答已采纳

1回答

浏览器中的多个焦点元素

javascript、browser

是否可以在浏览器中聚焦多个元素(如输入元素)。我想重现一下Sublime Text 2的效果。

浏览 0提问于2011-09-25得票数 4

回答已采纳

1回答

在不在任何表单元素下的输入标记中不工作时自动聚焦

javascript、html、css、user-interface、autofocus

如何在不是表单一部分的输入元素中设置自动聚焦属性。我已经在输入标签中设置了“自动聚焦”属性，但它不起作用。Here I have given the autofocus property</div> 此输入不在任何表单元素下

浏览 0提问于2016-02-16得票数 0

1回答

CSS过渡动画如谷歌素材网站

javascript、html、css

我试着用了几个小时来重现谷歌使用的这种转变，但我真的不知道该怎么做。我所说的转换是搜索栏底部，从左到右变得2px厚。所以：到2px的边框底部有一个很好的转换。

浏览 2提问于2016-11-20得票数 1

回答已采纳

2回答

tag-it的自动对焦功能

jquery-ui、list、menu、autofocus

在插件标签- it from (demo - )中，如何在jquery - tag-it.js中添加自动聚焦(即，如果设置为true，当菜单显示时，第一项将自动聚焦)？编辑:该功能还应允许输入建议或使建议出现在输入框中，当按回车键时。

浏览 3提问于2013-01-28得票数 3

回答已采纳

1回答

SwiftUI和tvOS: adjustsImageWhenAncestorFocused

swiftui、tvos

如何在SwiftUI中获得与UIKit相同的图像聚焦效果？我看到你可以使用卡按钮风格，它确实提供了运动效果，但没有视差的adjustsImageWhenAncestorFocused提供。

浏览 7提问于2021-06-30得票数 1

2回答

如何在javascript中获得html输入位置(顶部和右边属性值)

javascript

这个键盘位置属性是固定的(或者可以是绝对的)，它的顶部和左边的属性在css中是确定的。当用户聚焦文本输入时，(通过"onfocus“事件触发的函数)键垫出现在页面中，用户可以在聚焦输入中键入数字(如银行支付网关中的安全虚拟键盘，但我的键盘的数字位置并不是随机的)。我的键盘容器标记css代码如下： display: none; /* Hidden by default *

浏览 12提问于2022-09-17得票数 0

回答已采纳

2回答

：focus-只有在用键盘调焦按钮时才能工作，而在Firefox 63中单击则不起作用。

html、css、firefox

我有一个带有外部div (.field)的字段布局，以及该字段中的标签、输入和按钮。当我聚焦输入字段时，:focus-within伪选择器匹配，因此.field__inner获得外部边框颜色。当我使用选项卡循环元素时，当我聚焦输入字段或按钮时，:focus-within匹配。但是当我点击这个按钮时，:focus-within似乎并不是‘触发器’(虽然它在Chrome中是有效的)。我尝试在按钮中添加一个tabindex属性，但没有<e

浏览 0提问于2018-11-21得票数 2

回答已采纳

1回答

如何在css/scss中针对父母的兄弟姐妹？

html、css、sass、css-selectors

我正在尝试制作一个纯css汉堡包菜单，并在标签中输入以下复选框:在内容是trigram之前。但是，我想要做的是取出标签中的ul，使其成为自己的兄弟，因此输入是标签的唯一子元素。随着ul的退出，这个节目和隐藏不再有效了。当检查输入时，我如何锁定ul？

浏览 0提问于2019-05-23得票数 0

回答已采纳

1回答

焦点-当单击输入标签时，内部样式会闪烁。

css

问题：当一组相关的单选按钮聚焦时，我想使用:focus-within来改善可访问性，为用户提供一些视觉反馈。将标签附加到单选按钮允许用户单击标签以选择相应的单选按钮。但是，单击标签会导致:focus-within样式在鼠标关闭时闪现。type="radio" name="x"/&

浏览 0提问于2018-04-05得票数 3

回答已采纳

2回答

如何在react js中更改输入字段焦点时的标签颜色

javascript、reactjs、semantic-ui

您能告诉我在使用semantic UI的react js中，当输入字段被聚焦时，如何改变标签的颜色吗？

浏览 0提问于2019-08-11得票数 1

2回答

当尝试第二次单击“输入”字段时，自动焦点第二次不能工作。

javascript、jquery、html、css、twitter-bootstrap

它有三个部分，并包括一个进度条，以显示用户在表单处理中的当前状态。表单的最后两页工作正常，但是，表单的第一部分(电子邮件部分)不允许用户在加载页面后第二次单击电子邮件输入部分。

浏览 0提问于2018-03-19得票数 1

2回答

在Magento的产品视图中隐藏可配置产品的必需属性标签

php、magento、attributes

如何在可配置产品中隐藏所需属性的标签，而不是将div设置为display:none？我只想在产品视图中显示下拉菜单，即“选择一个选项...”下拉框，不带标签(如颜色、大小)，标签总是在上面一行。> 在product/view/type/configable.phtml中，但是没有效果，所以我通过CSS将其隐藏起来。有没有更优雅的方式？

浏览 0提问于2012-05-04得票数 0

回答已采纳

点击加载更多