Question

我是bootstrap的新手，所以刚刚开始搞乱它。

所以我创建了一个我放在Jumbotron里面的表格如下;
我想更改输入文本颜色，但不更改Jumbotron中的标签颜色。

jumbotron {
  background-color: #8A2BE2;
  color: black;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>


<form action="" method="POST">
  Username: <input type="text" color="red" name="username" /> 
  Password: <input type="password" name="password" /> 
  Colour: <input type="text" name="colour" /> 
  Animal: <input type="text" name="animal" />
  <!--<a href="#" class="btn btn-default btn-lg" 
        role="button">Login</button>-->
  <button type="submit" class="btn btn-danger"role="button">Login</button>
  <!-- <input type="submit " value="Login " /> -->
</form>

Answer 1

您只需要在样式中为您的输入应用更具体的选择器。

app = QApplication([])
splash = SplashScreen()
splash.show()
splash.drawSomething()
exit(app.exec_())

如果在页面中全局适用，则只需添加：

即可

.jumbotron input {
    color: red;
}

您甚至可以使用以下方法更改占位符：

input, select, textarea{
    color: red;
}

＆＃13;

::placeholder { 
    color: red;
    opacity: 1;
}

＆＃13;

如何更改输入到jumbotron中的表单的输入字段中的文本颜色

1 个答案: