CSS:自定义切换开关

文章/答案/技术大牛

发布

1回答

css、checkbox、toggle

我想建立一个自定义切换开关，它有一个谷歌地图一样的大头针，而不是一个圆。HTML <input type="checkbox"></label> </html> CSS

浏览 8提问于2019-11-26得票数 0

3回答

CSS切换无线开关自定义

html、css、forms、radio-button、switch-statement

我发现了这个CSS广播切换，我认为它可以很好地工作在我们网站的某一部分，我如何对其进行个性化设置，使on为绿色，off为红色？我已经试着改变了一些css，但似乎不能得到这是我需要做两个独立的类的位？

浏览 1提问于2013-02-11得票数 0

回答已采纳

1回答

切换开关css

javascript、jquery、html、css

在左边和右边，div是文本，中间的div需要切换开关。<b>For internal purposes</b> </div>但切换开关不在div中我从那里得到样式，.doctors-appointment {

浏览 2提问于2017-07-24得票数 1

回答已采纳

2回答

jQuery移动/交换机+ Toggle btn的替代方案

javascript、mobile

但我需要创建一个移动友好的；移动第一，简单的切换按钮。没有什么比上面的更花哨的了，我可能会进去把我的绿色加进去。手机有什么好的选择吗？

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

回答已采纳

1回答

表单小部件的自定义HTML

theming、forms、9

如何更改节点编辑表单，使布尔字段使用切换开关而不是复选框？目前他们看起来是这样的我想更新它们，让它们更直观一些(https://codepen.io/alvarotrigo/pen/YzEdrKj)我想我需要做的是像这里所描述的那样实现一个自定义小部件给出的示例只使用常规文本字段，如何将HTML & CSS标记更改为切换开关？

浏览 0提问于2022-08-27得票数 0

1回答

在Jquery Click上仅更改切换的Div颜色

jquery、html、css、wordpress

我正在使用Custom CSS & Jquery自定义Wordpress中的Variations样式。我在DIV上有一个点击事件，切换是打开的，我想要更改标题颜色，但只在切换打开的地方。('color','black'); $('.cs-price').css('

浏览 37提问于2019-03-10得票数 0

2回答

自定义钩子，它更新同步使用它的所有组件。

javascript、reactjs、react-hooks、usecallback

我正在尝试创建一个使用自定义钩子的react开关组件。我希望其他组件使用相同的自定义钩子，以便在单击开关时更新它们。为此，我创建了这个自定义钩子： const [isToggled, setIsToggled] = useState(false); [setIsToggled],} 然后，在开关组件中，我想订阅这个自定

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

回答已采纳

3回答

创建自定义开关按钮，如图所示

android

是否可以创建下图所示的自定义开关(特别是开关按钮，而不是切换按钮)。我已经引用了这个链接，它创建了切换按钮 

浏览 3提问于2014-08-06得票数 3

1回答

对齐CSS切换开关

html、css

使用工具，我能够创建一个CSS切换开关，但是当放在我的页面上时，它的顶部稍微偏低，似乎无法找到导致它的原因。我对CSS不是很有经验，但据我所知，onoffswitch类指的是在单击和on开关上移动的圆圈，内部指的是每个选项，所以它必须是on开关或on开关标签，但我没有看到任何可能导致这种情况的边距选项，并且开始按钮也没有切换开关最初是与我把它换成了内联。是完整的代码。

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

回答已采纳

1回答

javascript的临时css更改

javascript、jquery、css

我正在使用自定义切换开关在我的网站，可以打开或关闭。根据是否打开或关闭(选中或未选中)，有不同的CSS类应用于开关并更改样式。然而，这导致了现在的问题。当我使用javascript更改CSS时，基本上是直接向元素添加样式。这将导致普通切换开关CSS不再工作，因为元素样式覆盖任何

浏览 2提问于2016-05-30得票数 2

回答已采纳

2回答

调试切换开关css？

css

伙计们，这些天我一直在努力理解切换代码，我在谷歌上发现了这一点，我正试图理解这些代码来增强我的css技能，请帮助我，并提前感谢你。1.为什么这个人在切换开关没有它的情况下可以工作时将转换声明放在这里?这是代码 <head> <meta charset="utf-8&qu

浏览 0提问于2018-12-18得票数 0

回答已采纳

2回答

切换开关css问题

html、css、reactjs、label

我在代码中使用了一个切换开关，它运行得很好。我在我的项目中改变了一些东西，现在，我的开关上出现了两行线和一条白色垂直线，我不明白为什么和从何而来：我的开关我的代码： <span className="slider round"></span> </>

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

回答已采纳

2回答

当一个新的开关打开时，取消选中还是关闭所有基于复选框的切换开关？

css、checkbox、toggle、toggleswitch

我在我的一个项目中使用了一些CSS3切换开关，它们目前正在切换，但是我想要发生的是，当一个新的开关被激活时，所有其他的切换开关都会关闭。有人能帮我开始做这件事吗。我甚至不知道从哪里开始。这些是我正在使用的开关：有没有办法让Javascript能够做到这一点？任何指导都会有帮助。

浏览 2提问于2016-03-24得票数 1

回答已采纳

2回答

Javascript -更改所有HTML页面中相同输入的输入"checkbox“状态

javascript、html、css

我已经为一个网站的所有页面创建了一个相同的切换开关。经过许多徒劳的搜索，我想知道是否有人能告诉我，当使用任何一个特定的开关时，如何在所有其他页面上更改其他切换开关的状态。我已经设法让切换完成了我想做的事情，那就是更改css样式表，但我想更进一步。在此之前，非常感谢您。/CSS/style.css')) { ambience.href = '../CSS/

浏览 25提问于2020-02-22得票数 1

1回答

我会如何做一个自定义开关和这样的按钮在反应本地人

reactjs、react-native、expo

我试图使一个自定义开关在react本地博览会，但所有的NPM的组件似乎不工作，我如何来创建一个自定义开关与动画和自定义切换，如那些在图像中显示的反应本地博览会？

浏览 8提问于2022-01-14得票数 0

回答已采纳

2回答

用于自定义主题的Android 4.0 Switch

android、themes、switch-statement

我正在尝试使用android 4.0 API中的开关(切换)。找不到switchStyle。如何在自定义主题中使用默认的android开关？

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

回答已采纳

3回答

角形反应式内的按钮

javascript、angular、typescript、angular6、angular-reactive-forms

在我的角度反应形式中，我尝试使用三状态切换开关，我已经在链接中分别尝试了三个状态开关。我需要在表单数组中的每一行实现同样的css，在反应表单中实现相同的css。我尝试了相同的html和css并给出了类似于formcontrolname的，<ng-container在app.component.

浏览 5提问于2018-12-27得票数 2

回答已采纳

2回答

如何在表单中提供切换按钮？

html、css、forms

我将能够提供此选项的切换按钮。在Symfony2中是否有一个选项或小部件可以做到这一点？

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

回答已采纳

2回答

一次只翻转一个开关

jquery

我有一个css/javascript代码，它只需将开关从一个开关切换到另一个开关，等等，我遇到的问题是，当我想要切换另一个开关时，当预览开关打开时，我想关闭预览开关或开关。

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

回答已采纳

2回答

自定义切换开关在切换三次后停止工作

javascript、jquery、toggle

我有一个用css构建的自定义切换开关。我正在尝试在点击切换开关后禁用一些输入标签。因此，每当我点击开关三次，它停止工作，我似乎不知道为什么。

浏览 2提问于2018-12-18得票数 0

点击加载更多