我正在使用Chakra UI，我需要使用css伪元素::-webkit-scrollbar来自定义滚动条样式，但是Chakra UI没有看到这个伪元素，我不知道在不创建全局css类的情况下在哪里可以设置这个特定组件的样式maxW="100vw" whiteSpace="nowrap" color=&qu
浏览 39提问于2020-11-28得票数 3
回答已采纳
npx create-react-app my-app --template @chakra-ui
这似乎是因为Chakra UI是如何在运行时使用<style>标记在<head>末尾使用CSS- in -JS生成
浏览 10提问于2022-07-21得票数 1
回答已采纳
1回答
我正在尝试一些需要使用伪a::hover::after的css样式，我假设，正如中所述，我可以这样做来使用悬停伪：在同样意义上，使用hover::after应该是这样的：但是它似乎不起作用，而且我在中找不到关于这个特殊用途的线索。如何在具有Chakra的React</e
浏览 7提问于2022-11-15得票数 0
回答已采纳
如何使用React中的内联样式将::-webkit-scrollbar伪元素应用于组件？
浏览 0提问于2017-11-17得票数 13
回答已采纳
1回答
Chakra UI唯一的密钥支柱
、、、、
我正在使用@chakra/React版本1.7.2在我的React 17.0.2项目中。这个版本的Chakra UI应该已经解决了元素中有唯一键的问题，但是当我测试代码和Chrome的控制台时，我仍然有错误：
列表中的每个孩子都应该有一个独特的“钥匙”道具。手动添加一个唯一的“键”支柱并不能解决这个问题。有什么建议吗？
浏览 5提问于2021-12-20得票数 1
我正在构建一个使用React + chakra-ui的应用程序，我正在向它添加Cypress测试，但我面临的是一个拦截器，我想知道是否有人遇到过类似的问题，这可能会有帮助！问题：cy.get('MY_ELEMENT') .should(&#
浏览 7提问于2021-10-26得票数 1
回答已采纳
1回答
import React from 'react';npm install然后打开localhost:9000并将app.jsx更改为app.tsx，并观察代码重新编译后头颜色如何变化检查标头的<em
浏览 2提问于2021-07-18得票数 2
回答已采纳
import DatePicker from 'react-datepicker';import{ chakra } from '@chakra-ui/react';
浏览 5提问于2022-02-15得票数 1
回答已采纳
我试图将悬停事件添加到一组元素中，这些元素是从React中的数组映射而来的。在悬停时，我希望元素显示或隐藏。该功能在基本级别上工作，但它会影响列表中的每个元素。我如何才能使它只是一个悬停在上面的元素才能产生这种效果呢？align="start" justify="start">
<Chakra.Box posit
浏览 44提问于2021-05-12得票数 1
回答已采纳
1回答
我想添加选项卡分隔符( active style )，我看到它们使用了aria-selected:true来在类中应用css样式，但是我不知道如何在react中覆盖这个样式，有人能解释我如何在react中覆盖这个样式吗？他们所使用的风格
.css-y2jimx[aria-selected=true], .css-y2jimx[data-selected] {
color: var(--chakra-colors-blue-600
浏览 6提问于2022-06-03得票数 1
1回答
我在尝试故事书和脉轮ui。下面是我如何构造我的文件夹，module.exports = { "..": [ "@storybook/addon-essentials",
"@storybook/preset-create-react-app这就是我试图添加的故事。import React</
浏览 1提问于2020-09-12得票数 1
1回答
我想在脉轮ui中自定义全局样式，以便我的所有元素框大小更改为边框！这是我的审判。但是什么都没发生.. import { extendTheme } from '@chakra-ui/react';
styles: {
浏览 37提问于2020-12-12得票数 1
在过去的4个小时里，我一直在试图解决这个问题，我从脉轮文档中复制了模态代码，当我单击losd模态按钮时，该模式没有加载，它在我单击任何更改组件状态的ui元素(强制呈现？)之后加载。我用的是react 18.2和"@chakra-ui/react"："^2.2.3"，
我的应用程序是用脉轮提供者包装的，我用ncu更新了包。此外，我尝试使用useEffect，但没有结果--我尝试使用App.tsx中的组件，
浏览 6提问于2022-07-12得票数 0
回答已采纳
9回答
我尝试将overflow:'hidden'添加为内联css，但仍然一无所获。我尝试将overflow:'hidden'添加到呈现组件的div中，但仍然不起作用。
有什么想法吗？
浏览 3提问于2018-03-13得票数 6
我有一个使用React，Gatsby和Chakra UI框架的简单web应用程序。索引页面使用map遍历每个mdx节点，并使用Chakra UI简单网格以及每个项目的其他Chakra组件。将应用程序部署到Gatsby Cloud时收到的灯塔报告将应用程序的性能评分为60/100，这主要是由于DOM中的元素过多(由索引页面呈现的1000+摘要元素)。import * as React from "<
浏览 0提问于2021-10-05得票数 1
2回答
import { Link } from 'react-router-dom';const Button = () => { <button
浏览 8提问于2022-08-04得票数 -1
2回答
import React from "react";import { makeStyles } from '@material-uitext } = props; return <Box className={classes.box} />如何在似
浏览 3提问于2020-08-08得票数 1
回答已采纳
2回答
我有一个电子邮件输入元素在我的反应组件。我对输入使用默认的电子邮件验证规则，当值无效时，:invalid伪类被设置为input元素(如这里所描述的：)。我想访问输入元素是否在我的React组件中无效。我怎样才能找到这个价值？
浏览 0提问于2019-03-18得票数 0
回答已采纳
3回答
这将创建两个伪元素：.myElement::before, content: '';如何在元素中添加更多的伪元素？有没有办法将一个伪元素添加到另一个伪元素中？
浏览 1提问于2014-11-07得票数 1
我在Gatbsy中工作，当我尝试使用gatsby-plugin-chakra-ui文件夹中的影子gatsby-plugin-chakra-ui文件覆盖核心脉轮主题时，它没有任何效果。import { extendTheme } from '@chakra-ui/core'
components: {
浏览 1提问于2020-11-18得票数 3
回答已采纳
云服务器
ICP备案
腾讯会议
云直播
对象存储
腾讯云开发者
