代码之家 › 专栏 › 技术社区 › Marko Zadravec

更改django材质库中的选定颜色

material-design django-forms django

Marko Zadravec · 技术社区 · 6 年前

我想在选择表单字段时更改底部边框和文本上的选定颜色。

示例如下: http://materializecss.com/forms.html#select

选择表格时,表格颜色为绿色(ish)

我正在使用 http://forms.viewflow.io/ 图书馆,我尝试了几个想法,但没有任何运气。。。

我尝试应用主题:

安装的应用程序内部:

在设置中。py公司

INSTALLED_APPS = [
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'material.theme.green',
'material',
'material.frontend',
...,

]

更改css

我尝试更改css以使其正常工作

.input-field > label:active {
    color: green;
}

.input-field > label {
    color: green;
}

它会更改标签,但现在当它被选中时。(当选中时,它会绘制黑色底边(线))

有没有办法做到这一点?它应该是,对的,。。。

1 回复 | 直到 6 年前

Marko Zadravec 6 年前

事实上,我发现它是有效的,在设置中更改主题会更改表单的颜色。

但对于 http://forms.viewflow.io/ 库中,颜色模式与实际颜色不匹配。(这就是为什么我需要一些时间来解决这个问题)

方案(在真正简化的颜色模式中)是:

 'material.theme.brown' --> brown
 'material.theme.yellow' --> purple
 'material.theme.lime' --> orange
 'material.theme.lightgreen' --> lime
 'material.theme.green' --> lightblue
 'material.theme.teal' --> teal
 'material.theme.blue' --> orange
 'material.theme.indigo' --> green
 ....

推荐文章

coder-guy · 如何在角度应用程序中添加材质工具栏?

2 年前

Infii · 带有自定义数据模板的水平ListView

6 年前

ton1 · 如何添加borderTop以反应材质UI表?

6 年前

Demonic218 · 在Android中实现材质设计时出错

6 年前

Jus10 · 弗利特:你如何让卡片可以点击?

6 年前

Marko Zadravec · 带选项卡的引导导航

6 年前

James · 全宽材质UI网格无法正常工作

6 年前

HovSky · jQuery选项卡检查类未检查类

6 年前

Marko Zadravec · 更改django材质库中的选定颜色

6 年前

Geeta · 选定选项上未显示图像

6 年前