如何在ant design - react上切换单选按钮颜色？ - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

如何在ant design - react上切换单选按钮颜色？

javascript、css、reactjs、design-patterns、antd

我正在使用一个名为Ant Design的库，它在整个界面中使用颜色主题，但单选按钮组件没有轻松更改它的属性，我的目标是在按下垃圾箱按钮时切换单选按钮的颜色。important更改组件的css，如下所示： .ant-radio-button-checked,.ant-radio-button-inner,impor

浏览 567提问于2021-11-08得票数 0

2回答

有没有一种方法可以改变蚂蚁设计版本5中光和暗主题的调色板？

javascript、reactjs、next.js、themes、antd

我创建了一个钩子，当我在Chrome的渲染面板中在光和暗模式之间切换时，它工作得很好。但是，当主题被切换时，ConfigProvider中的值不会改变。

浏览 21提问于2022-12-02得票数 0

2回答

如何在保存频道数据时添加/移除字段必填条件？

expressionengine

如何在保存频道数据时添加/移除字段必填条件？我想根据收到的输入运行验证。使用EE版本2.9.2

浏览 3提问于2014-11-05得票数 0

9回答

如何在Bootstrap中创建切换按钮

javascript、jquery、css、twitter-bootstrap、jqtouch

我已经做得很好了，但是我不得不在web应用程序中切换按钮，这些按钮已经变成了单选按钮(最初是复选框)，而不是我原来的切换按钮。按钮的代码为： Notifications <input type='radio' class='notificationsbootstrap.css"

浏览 5提问于2012-11-22得票数 96

回答已采纳

2回答

我正在React中创建一个待办事项应用程序，它基本上只是一个按类别分组的项目列表。我想添加一些功能，这样当我单击一个待办事项(这是一个段落)时，它会显示一个包含当前文本的输入，我可以编辑和保存它。如何在不手动编辑DOM的情况下做到这一点？代码:单个待办事项： import React from 'react'; return ( className={`props.toggleItem(pr

浏览 16提问于2019-09-25得票数 1

回答已采纳

3回答

材质UI切换按钮-选择后无法更改背景颜色

reactjs、material-ui、formik、jss、formik-material-ui

我尝试使用Material UI切换按钮，有点像一个单选按钮，让用户对给定的问题有两个选择。它的功能与预期基本一致，但当尝试调整每个切换按钮被选中时的样式时，我无法更改toggle button的背景颜色。我在ToggleButton组件上使用了类属性，并在该属性中使用了"selected“规则。我的目标是让切换按钮在被选中时具有蓝色背景，但到目前为止，我还不能让它在被选中时以不同于较暗的灰色背景的方式显示

浏览 41提问于2020-09-20得票数 5

3回答

如何在react上动态改变后台css

reactjs

我有一个应用程序，我必须实现一个功能，其中用户应该能够在正常的网站和色盲网站之间切换(基本上网站是为这两种用户提供的)。基本上，我们将更改react应用程序的背景(例如，色盲用户为黑色，普通用户为normal /白色)。为了实现这些功能，该网站将有2个按钮(1个按钮为色盲人和1个按钮为正常人)。一旦用户点击“色盲”按钮，网站背景颜色将变为黑色&当用户点击正常按钮时，网站将具有默认/正常外观。我不知道如<e

浏览 0提问于2020-10-09得票数 0

2回答

反应: antd在运行时更改暗或暗主题

reactjs、antd

基本上，我不知道在哪里放置这个config-overrides.js，如答案所示，似乎还有许多模块有待安装。{ "version": "0.1.0", "depen

浏览 8提问于2020-10-01得票数 8

回答已采纳

1回答

如何使用antd-mobile-rn创建和使用自定义主题？

react-native、antd-mobile

我想为antd-mobile-rn库创建并使用一个自定义主题，该网站将我定向到：https://github.com/ant-design/antd-mobile-samples/tree/master/rn-custom-ui#antd-mobile-with-rn-custom-ui 我按照说明操作，但颜色仍然是默认颜色。

浏览 51提问于2019-04-03得票数 2

1回答

在Antd React应用程序中重新创建Antd React应用程序中类似Sider/抽屉的Ant Design

reactjs、antd、ant-design-pro

我正在尝试配置我的Antd应用程序的样式/css，使其具有移动性。我的问题是，当我用移动视图观看时，它有点难看，它挤压了菜单之外的所有东西。扩展/压缩菜单的小选项卡涵盖了我的一些其他组件。我更喜欢他们在演示中的设计。但我不知道如何准确地创造这个。以前有人尝试过吗？它似乎在移动视图中使用抽屉，而不是在布局API中使用Sider。

浏览 1提问于2020-06-21得票数 4

回答已采纳

2回答

有没有可能在没有Webpack的情况下直接将Ant设计与Reactjs结合使用到浏览器中呢？

javascript、html、reactjs、antd

除了SPA之外，服务器上还有一些静态Razor页面，负责身份验证和配置文件管理。我已经用我的SPA尝试过Ant设计，它工作得很好。现在，我希望将SPA的布局与静态页面统一起来，方法是将Ant与Reactjs结合，直接在浏览器上使用静态Razor页面。我知道在浏览器中使用reactjs是可能的，如这里所描述的，在浏览器中的导入部分的wondering文档中，简要提到可以将antd js库直接作为一个全局变量(虽然不是推荐的 )使用到浏览器中，但是我想知道是否有一些工作示例说明了它是如何准确完成的and <

浏览 6提问于2019-12-19得票数 1

9回答

三状态切换的习语？

user-interface

我当前的开发视图是，有三个包装严密的单选按钮，列的顶部有标签(大约每50行)，onClick发送一个AJAX请求，然后她就会发出这个请求。这样的控件有标准的成语吗？目前，我正在模拟类似于iPhone开/关切换的东西，但使用的是“中间”状态。编辑稍作澄清:我有一个确认事件的工具。每个活动要么是“建议”、“取消”，要么是“确认”。

浏览 1提问于2010-04-05得票数 5

回答已采纳

1回答

每次都需要访问postback...getting {{radioModel null‘null’}上的客户端标签值(角指令)

c#、jquery、asp.net、angularjs

按照上的代码，我能够将Radio &不可选中的按钮集成到我的解决方案中。我有两个单选按钮，这两个按钮都可以切换，然后我有一个asp:标签来显示输出。通过将asp:Label 文本属性设置为{{radioModel || 'null'}}，我可以在客户端页面上看到所选单选按钮的值，并查看页面的源代码。我只需要弄清楚如何在存储到数据库时保留label控件值。这里是我的asp.net代码，在标签内有角声明.$scope.chec

浏览 1提问于2014-06-24得票数 1

回答已采纳

2回答

REACT.JS:如何遍历所有NavBar按钮并移除它们的类，并将“活动”类添加到所单击的按钮中

reactjs、ecmascript-6、react-state-management

我正在尝试用React.js创建一个简单的NavBar。我发现自己遇到的问题是循环遍历所有的导航按钮，删除“活动的”className，然后添加“活动的”到被点击的按钮。我设法在单击的元素上创建了一个将"active“切换为true的状态，然后在className属性中执行If语句： className={this.state.active ?"nav-item nav-link active" : "nav-item nav-link"} 下面是完整的代

浏览 27提问于2019-06-23得票数 4

回答已采纳

3回答

如何存储对属性的引用

c#、properties、reference

理想情况下，这个问题将在单选按钮更改时触发的函数中处理，因此它将类似于... private void RadioButton_CheckChanged(object sender, eventargs

浏览 0提问于2013-05-13得票数 3

回答已采纳

24回答

如何更改单选按钮的颜色？

html、css、forms、radio-button

我的意思是，单选按钮本身由一个圆形和一个圆点组成(当按钮被选中时)。我想要改变的是两者的颜色。使用CSS可以做到这一点吗？

浏览 5提问于2010-11-23得票数 172

回答已采纳

2回答

Ant设计日期和时间选择器不通过Formik (react)传递值

reactjs、datepicker、formik、ant-design-pro

我目前正在开发一个使用Formik的React中的预订表单。我还将Ant Design的Date Picker和Time Picker分别用于预订日期和时间，但我在获取要传递回组件的值时遇到了困难。下面是我如何在表单组件中设置它(我省略了其他不相关的字段)：handleStartTimeChange(time) { startTime:

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

回答已采纳

2回答

定制中的主题

reactjs、react-native、less、antd、ant-design-pro

我试着用叉子但是，当我安装分叉回购并使用import {Button} from '@ant-design/react-native/lib/button'时，它会导致“无法解决@ant/ repo本机/lib”错误。

浏览 4提问于2019-10-29得票数 0

回答已采纳

1回答

React className条件逻辑阻止转换发生，不知道原因

javascript、css、reactjs

我正在尝试用React创建一个手风琴。我之前在StackOverflow上问过一个问题，如何在单击时为手风琴分配类，并一次打开多个。有人给我链接了下面的代码沙箱，它将在点击时切换背景颜色。我也尝试过从bg颜色的蓝色过渡到红色，同样的事情，它立即改变而不是过渡。有没有人能看看我的代码，帮我弄清楚？我注意到代码沙箱和我的代码之间唯一的区别是，在沙箱版本上，在使用inspect元素的dom上，当按钮被单击时，只有选定的元素闪烁紫色(铬)，

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

2回答

使用RadioButtonFor编写一组单选按钮的正确方法

asp.net-mvc、checkbox、radio-button、radiobuttonfor

或者，更好的是，在单选按钮中，总是有与同一字段相关联的几个选项？我研究这个已经有一段时间了。编写原始HTML是很好的，但是MVC的设计者难道没有预料到我们可能需要为同一个领域设置多个单选按钮吗？如果他们这么做了，他们是如何将其编码的？编辑：在进一步研究这一点之后，下面的代码是我找到的编写单选按钮的最佳方法。这段代码假设我已经为我的每个无线电选项定义了一个枚举。为什么需要为基本的东西(

浏览 3提问于2015-01-01得票数 11

回答已采纳

点击加载更多