bootstrap自由职业者模板主题标签颜色覆盖不起作用

时间:2017-05-06 16:58:17

标签: html css twitter-bootstrap

我正在修改bootstrap freelancer theme。在尝试覆盖"名称"时,请在“与我联系”部分进行修改。当您尝试输入#18BC9C出现的名称输入字段时出现的标签颜色,但我希望它与#3fcbc7一起显示。看来它的样式是由于来自父div的一个类,当我点击内部输入时它会发生变化。我尝试使用开发工具" Break on..Attribute modification"但也许我做错了。我接受了我看到的那些课程,并尝试以这种方式覆盖它,因为它适用于其他元素,但它在这里不起作用。我的CSS

custom.css

#page-top .floating-label-form-group-with-focus{
color:#3fcbc7!important;
}

#page-top .form-group col-xs-12 floating-label-form-group controls 
floating-label-form-group-with-value floating-label-form-group-with-
focus {
 color:#3fcbc7!important;
}

添加!重要但没有改变。为优先级添加了正文ID(页面顶部),但没有更改。我不想编辑min css文件,因为我听说这被认为是不好的做法

1 个答案:

答案 0 :(得分:0)

检查<head>您是否正在调用自定义CSS文件 AFTER Bootstrap CSS文件。应该最后调用您的自定义样式,因为浏览器会按顺序读取这些CSS规则。因此,如果您的Bootstrap CSS文件来自 AFTER 您的自定义CSS文件,它将覆盖您的自定义样式表。