使用React样式组件设置自定义光标图像

文章/答案/技术大牛

发布

1回答

css、svg

当光标悬停在特定元素上时，我正在尝试设置自定义光标图像。我试着将我的svg图标放在src文件夹中，并在样式化组件中调用它为 const HStyles = styled.h3` cursor: url("images/pen-tool.svg");`; 但它不会将光标更改为画笔图像。

浏览 72提问于2020-11-10得票数 3

1回答

图像到光标/自定义光标

c#、wpf

我们使用WPF自定义控件库项目创建了一个自定义组件。在这种情况下，当我们拖放时，鼠标光标应该会根据所选的组件而改变。我可以创建一个基于选定组件的PNG图像，但是，我不确定如何将该图像设置为鼠标光标。我不想使用WinAPI来实现这一点。

浏览 3提问于2013-06-20得票数 0

1回答

响应数字格式和样式组件-道具被传递给DOM

reactjs、styled-components、react-number-format

我有一个用样式组件创建的Input组件： ${({ boxShadow, theme }) => css` `}我使用它作为一个独立的组件：以及用于样式设置的

浏览 5提问于2022-01-11得票数 0

1回答

reactjs中的自定义自动完成控件

reactjs、react-jsx

如果没有，那么我必须创建我自己的自定义控件。因此，我想知道任何好的例子或可重用的代码，我可以用来实现这个控制。

浏览 1提问于2016-12-07得票数 0

1回答

SwiperReact:在NextJs中设置导航箭头样式？

reactjs、next.js、swiper.js

我在NextJs中使用Swiper React组件创建了一个滑块，但是当导航属性设置为"true“时，会呈现一些我想要设置样式的难看的蓝色箭头。为了样式化我的组件，我使用了“@material-ui/ makeStyles / _app.js”中的样式，显然我不能在我的组件中导入css文件，除非它是我的自定义样式。有没有一种方法可以让

浏览 6提问于2020-12-15得票数 0

4回答

代码顶部React中的内部CSS样式

css、reactjs

我正在尝试在React应用程序中设置组件的样式，但我不想创建外部样式表，因为它是一个小项目。如何在不使用外部样式表的情况下设置此图像组件的样式？/resources/image.png alt='image'> </Image>); 我

浏览 25提问于2019-02-22得票数 2

回答已采纳

1回答

具有返回对象对象的自定义React组件的D3组织结构图

javascript、reactjs、d3.js、orgchart

我正在使用React和这个库创建一个组织结构图：https://github.com/bumbeishvili/org-chart。它使用D3创建组织结构图。我想使用自定义React组件来设置组织结构图中每个节点的样式，但是当我尝试将节点内容设置为React组件时，它返回{object Object}，而不是实际呈现该组件。

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

回答已采纳

2回答

在哪里可以找到在openlayers 3中实现自定义ol.style.Style的详细描述？

openlayers-3

我需要样式的图像，出现在修改覆盖下的鼠标光标。我使用自定义样式函数向ol.interaction.Modify使用的层添加中点和自定义端点。ol.interaction.Modify正在将样式应用于鼠标光标附近的一个点，以指示可以修改该功能。这是很棒的，除非光标样式落在自定义端点下面。我找不到改变z指数的方法。

浏览 1提问于2015-05-15得票数 0

回答已采纳

1回答

使用普通老式JavaScript对象的React原生样式组件

react-native

嗨，我是新加入React Native的。当我阅读有关react native的文档，了解如何自定义组件的时，我发现我们可以只使用javascript脚本对象来设置Component的style属性。但是它们提供了一个名为SheetSheet的Component，它有一个可以定义样式的方法create。但是，如果我们使用StyleSheet对象来设置Component样式，我们需要首先访问SheetSheet对象并访

浏览 0提问于2017-05-18得票数 0

1回答

CSS : Web组件中的主机与CSS类

css、web-component

对于一个普通的React/Vue组件，我通常会创建一个自定义的CSS类，并使用它来设置组件的样式，如下所示： ...</div> }<div class=&q

浏览 0提问于2021-04-28得票数 0

2回答

在React Native项目中全局设置默认字体

react-native、fonts、global

我已经在/assest/ fonts /下设置并添加了一组字体，创建了react-neative.config.js并相应地链接了它们。我可以在我的样式中调用自定义字体，但还不能初始化它的全局设置。尝试通过组件完成此操作，如下所示 import React from 'react';expo

浏览 123提问于2020-12-15得票数 1

回答已采纳

1回答

如何获得风格道具建议与反应本地类型抄本可重复使用的组件？

javascript、reactjs、typescript、react-native

我有一个文本可重用组件，编码如下：import {StyleSheet, Text as RNText} from'react-native'; style?StyleSheet.create({ color: colors.black, },因此

浏览 5提问于2022-04-19得票数 1

回答已采纳

2回答

如何设计react-select组件的样式，使其与某些文本内联？

javascript、reactjs、dropdown、react-select

我想设置我的react-select组件的样式，使它看起来像下面的图像(与文本内联)。<select disabled={readOnlyMode} style={{ border: 'none' }}></selec

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

1回答

如何在同一元素上使用多个react组件？

javascript、reactjs

我想悬停一个div，获取该div中的图像，显示它，然后使图像跟随我的光标。悬停组件正在工作，但是我无法使跟随光标组件工作。你会怎么做呢？组件编号1： import React from 'react'; state = {2： import React from '<em

浏览 12提问于2019-09-07得票数 1

3回答

如何在javascript的系统范围主题的基础上向变量发送道具？

javascript、css、reactjs、jsx

如何在系统范围主题的基础上向组件发送道具？我知道如何使用@media prefers-color-scheme为深色和浅色主题设置媒体查询的样式，但我正在使用react-json-vew库和组件，它需要一个主题道具，当系统范围的暗色模式被切换时它是一个自定义组件，所以我不想自己设计它的样式，这也会增加代码的长度。代码片段： import ReactJson from "react-json

浏览 16提问于2020-03-11得票数 4

3回答

如何创建自定义文本-响应本机

javascript、react-native

我完成了我的项目，现在我想将我的自定义字体设置为所有Text组件。我认为最好的方法是创建一个自定义Text组件，并将其替换为react-native的默认文本。现在，如何创建具有默认样式的自定义Text组件？

浏览 4提问于2018-11-12得票数 3

回答已采纳

2回答

当在React中创建可重用组件时，如何传递所有其他支持，以便在以后使用组件时访问？

javascript、reactjs、typescript、react-native、jsx

我正在为我的应用程序创建一些自定义组件，它们本质上具有一些基本的样式，用于光/暗模式。我的目标是以后当定制组件被用来保持灵活性时，能够使用这些组件和它们的所有道具。我怎样才能做到这一点？例如，如果我为一个自定义输入组件设置样式并使用它，我希望能够在需要时访问secureTextEntry支柱。下面是我现在拥有的CustomText的一个例子。我想在需要的时候能把这件事做得更好。import

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

回答已采纳

1回答