html - 当背景颜色应用于父元素时,CSS 开关输入文本不可见

标签 html forms css topcoat

我正在查看面漆库并使用其中的一个组件;面漆开关。

示例在这里运行良好:

http://codepen.io/Topcoat/pen/upxds

但在我的应用程序中,我将开关嵌套在一个无序列表中,并且必须将背景颜色应用于包含的列表元素以进行样式设置。正如这里模仿的那样:

http://codepen.io/anon/pen/ekKEc

这个粗略的例子掩盖了文本的可见性,这是​​非常不受欢迎的。

同样,如果我将背景颜色应用于标签元素,同样的问题是显而易见的。

在这方面的任何帮助都会很好,因为我花了最后一天的时间来弄乱 z-index 等,只是发现它是背景颜色。

最佳答案

增加 .topcoat-switch 类的 z-index 应该可以解决问题。

查看:http://codepen.io/anon/pen/vcqGh

关于html - 当背景颜色应用于父元素时,CSS 开关输入文本不可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19581819/

相关文章:

html - 我可以只用 CSS 创建这个形状吗?

asp.net - 如何在 ASP.NET 中设置表单提交的目标框架?

php - 将 jQuery 表单序列化数据发布到 php

html - 电子邮件输入字段宽度仅随内联样式变化

php - 用不同的颜色突出显示两类复选框

html - 使用 CSS 到 'pop-out' div 列表中的一个 div

javascript - 将 Three.js 容器定位为 html div

html - 为大型网站设计精神图标

jquery - 获取输入字段中的文本并检查它是否等于其值属性?

css - Bootstrap 4 : How to apply flex only on small breakpoint?