如何更改Bootstrap Jumbotron中表单输入框的文本颜色

嘿，作为Bootstrap新手遇到样式调整的小问题太正常啦，我来给你简单搞定这个需求！

你现在已经给Jumbotron设置了自定义背景色和文字颜色，想要只修改里面表单输入框的文本颜色、不影响标签，只需要给输入框加个更精准的CSS选择器就行：

方案1：针对Bootstrap标准表单控件 #

Bootstrap的表单输入框（input、textarea等）一般都会用到form-control类，所以你可以直接用这个类来精准定位：

/* 只修改Jumbotron内的输入框文本颜色 */
.jumbotron input.form-control,
.jumbotron textarea.form-control {
    color: #ffffff; /* 这里替换成你想要的颜色值，比如白色#fff或者其他颜色 */
}

方案2：如果你的输入框没用到form-control类 #

如果你的表单没有使用Bootstrap的form-control样式类，也可以直接通过元素类型选择器定位：

.jumbotron input,
.jumbotron textarea {
    color: #ffffff;
}

这样写的好处是，只会选中Jumbotron容器内部的输入类元素，完全不会影响标签（<label>）的颜色，完美符合你的需求～

内容的提问来源于stack exchange，提问作者LJEAN