Chakra UI图标未位于输入内部

文章/答案/技术大牛

发布

1回答

reactjs、chakra-ui、chakra

我正在尝试将图标正确地定位在输入的中间，该输入具有size="xs"。然而，我所有的尝试都失败了，图标总是定位得太低/太低。我也尝试过使用IconButton而不是常规的图标，但也不起作用。 import { Input, InputGroup, InputLeftElement } from "@chakra-ui/react" import { SearchIcon } from "@c

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

回答已采纳

1回答

Dynamic CRM 2015内部审核历史记录对齐UI问题

dynamics-crm、dynamics-crm-2015

我们在Dynamics CRM 2015内部审核历史记录方面存在问题。字段未对齐，您可以在附加的上看到。这个UI问题可能是由于图片(图标)大小(图片比纯文本稍大)而出现的。有没有人遇到过同样的UI问题？

浏览 0提问于2016-01-20得票数 3

1回答

如何解决PinInput组件上的chakra-ui PinInput触发器问题

javascript、reactjs、chakra-ui

PinInput组件的onChange事件不能处理Chakra中的值，因此它触发的甚至是硬值也不会改变，这会导致焦点自动移到下一个输入。例如:当我尝试在manageFocus事件中设置false属性的状态时，我期望在字段未被填充时，不会自动将焦点移动到下一个输入，但即使字段未填充，它也会自动移动焦点到下一个输入。在该示例中，尝试将无效的输入到Pin (您可以编写6，它将manageFocus属性设置为false)，并且在Pin输入将焦点移到下一个输入时

浏览 6提问于2022-03-16得票数 0

1回答

添加svg图像作为输入语义用户界面的图标

javascript、css、reactjs、svg、semantic-ui

我使用来自语义UI的输入来创建搜索输入：import { Input } from 'semantic-ui-react'; placeholder={placeholder} />}

浏览 1提问于2020-09-01得票数 2

回答已采纳

4回答

更改数据-使用jquery mobile单击图标

jquery、jquery-mobile

这是我的代码： var display = $(toggle).attr('data-icon'); if(display == 'minus'){ console.log(display); $(toggle).attr('

浏览 1提问于2012-09-28得票数 6

回答已采纳

3回答

.append问题。限制.append

javascript、jquery、button、keypress

我有一个简单的连接到.keypress(funcion(){...}的html文本框，每当我按下键盘上的一个键时，它就会在旁边显示一个jquery图标。这样做的目的是在文本框中输入某些输入时显示jquery ui图标，以便在单击该图标时保存用户的输入备注:对于jquery ui</e

浏览 1提问于2011-12-28得票数 0

回答已采纳

1回答

jquery ui菜单显示为透明或隐藏在其他元素之后。

jquery、css、jquery-ui

我使用了jQuery UI accordion和jQuery UI菜单。菜单位于活动折叠式“标签”的内部。当我打开我的菜单时，选项出现了，但问题是折叠内容的折叠标题在我的菜单选项上。我已经和FireBug确认过了，这个类.ui-accordion .ui-accordion-header有position: relative，我认为这是造成问题的原因，但当我关闭属性图标时，图标就会断开

浏览 0提问于2013-03-18得票数 3

回答已采纳

1回答

如何在jquery mobile的搜索框中移动搜索图标？

search、jquery-mobile

jQuery手机的搜索输入带有一个搜索框，搜索框的左边有一个搜索玻璃图标。我希望搜索图标位于框的右侧。我在看css，但我看到的唯一能控制它的东西是...但是不确定这是否是用来移动图标的正确css，around...or有没有一个类或数据属性可以用在搜索元素本身上，用来移动图标？

浏览 1提问于2012-06-22得票数 1

回答已采纳

1回答

Semantic标有类型提交按钮的图标按钮

html、input、semantic-ui

我正在使用语义用户界面，并试图将一个图标添加到输入按钮类型提交中。这是我的尝试：<input type="submit" name="login-button" class="ui blue submit button" value="Login"> 问题是图标显示在按钮的前面，而不是按钮内部。这是如何

浏览 2提问于2014-07-03得票数 1

回答已采纳

1回答

如何检测何时在JQM中单击不活动按钮？

javascript、jquery、jquery-mobile

其结果是： <div class="

浏览 2提问于2015-05-27得票数 0

1回答

部署到Vercel时我会出错。有人能帮我解决下面的问题吗？

node.js、reactjs、npm、webpack、environment-variables

警告“>@chakra-ui/图标@1.1.1”具有未满足的对等依赖关系"@chakra-ui/system@>=1.0.0“。警告“@chakra-ui/图标>@chakra/图标@1.2.1”具有未满足的对等依赖关系"@chakra-ui/system@>=1.0.0“。键入'

浏览 7提问于2021-12-16得票数 1

1回答

jQuery移动，可折叠的键值网格:用图标调整标题大小为50/50

css、jquery-mobile、user-interface、web、icons

<div class="ui-block-a">Customer:</div></div> 然而，当jQuery移动添加一个图标到标题项(“客户:马里奥的管道”)时，值字段，即"Mario's Plumbing"

浏览 0提问于2012-10-29得票数 1

回答已采纳

1回答

如何访问自定义元素在插槽内的光？

javascript、css、web-component、shadow-dom

基本上，我有一个ui-button，它是一个分子。这个元素由ui-text和ui-icon元素组成，它们是原子。当按钮有图标时，我想将margin-left应用到文本中。但是，文本是span元素，它位于ui-text的阴影区域内。这意味着在ui-button中，我有一个与ui-text相对应的嵌套阴影域。<ui-button kind="primary" useForClick="someFn&qu

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

回答已采纳

1回答

如何使用TypeScript在Textfield资料-UI中使用图标

css、reactjs、typescript、material-ui、formik

我希望在我的textfield区域中显示一个重要的UI图标，下面是我的代码：import { Formik, Form, FieldAttributes,useField} from 'formik'import CalendarTodayIcon from'@material-ui/ic

浏览 0提问于2020-04-14得票数 5

回答已采纳

2回答

如何删除云修复中的复合索引？

flutter、google-cloud-firestore、firebase-console、database-indexes

文档上写着：转到Firebase控制台的部分。单击“索引”选项卡。悬停在要删除的索引上，然后从上下文菜单中选择delete。通过单击警报中的“删除”，确认要删除它。单字段索引可以使用右子菜单删除，但是对于复合索引部分，则不存在悬停的工作和子菜单。

浏览 3提问于2021-03-29得票数 9

回答已采纳

8回答

如何在nextjs应用程序结构中添加一个图标？-可能的水化问题。

next.js、favicon

我正在努力弄清楚如何在next.js应用程序中添加一个图标文件(使用Reactive18)。React from "react"import { ColorModeScript } from "@chakra-ui>} 然后，我创建了一个根/packages/src&#x

浏览 90提问于2022-11-07得票数 0

1回答

是否可以在量角器中单击绝对定位的psuedo元素

javascript、css、angularjs、protractor

我有一个没有宽度高度的ng-click元素，但仍然可以使用UI单击，因为它内部有一个绝对定位的:before元素(一个图标)。如果我尝试单击量角器中的元素，它会显示该元素不可见，因为它没有高度或宽度。使用browser.actions也不容易，因为psuedo元素位于其父元素的外部。

浏览 10提问于2017-02-03得票数 1

1回答

如何在闪亮/柔印板的盒值中对值进行居中？

r、r-markdown、flexdashboard

我的仪表板顶部有这些方框值。我想把标题和价值对齐。

浏览 1提问于2021-05-07得票数 0

回答已采纳

2回答

无法将表单元素集中在模态上，而使用react钩子形式打开。

reactjs、react-hook-form、chakra-ui

, ModalFooter, Button, useDisclosure } from "@chakra-ui

浏览 18提问于2022-05-22得票数 1

回答已采纳

1回答

Google云端点在API资源管理器中未显示地图

java、google-app-engine、google-calendar-api、google-cloud-endpoints

我们受困于Google Cloud Endpoint。根据Google Calendar API Explorer ()的说法，应该可以在Google API explorer中使用java.util.Map，如下所示，用于‘extendedProperties’的'shared‘属性：但是，当我们使用Map时，它只是在API资源管理器中显示为“empty”，我们不能像在Calendar API中那样向其中添加条目：以下是该字段的代码： private java.util.Map<String, String> impactedCustomersP

浏览 1提问于2015-08-17得票数 4

点击加载更多