更改占位符的颜色以及搜索的输入文本和边框

Question

我怎样才能改变颜色：

占位符文本
输入文本
搜索边界

例如到蓝色？

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
  </head>
  <body>
  
  <div class="container mt-3">
   <input class="form-control" id="myInput" type="text" placeholder="Search..">
  <div id="myDIV" class="mt-3">
  
</body>
</html>

Answer 1

 <html> <body> <input type="text" placeholder="A red placeholder "> <style> ::placeholder { color: red; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: red; } ::-ms-input-placeholder { /* Microsoft Edge */ color: red; } </style> </body> </html>

Answer 2

谢谢！

我尝试过不同的设备和浏览器，但在我的示例中没有任何效果。

甚至你自己的例子也不能在不同的设备和浏览器中工作......

更改占位符的颜色以及搜索的输入文本和边框

问题描述

1 个解决方案

解决方案1
0 2021-07-25 17:51:24

解决方案2
0 2021-07-25 18:21:03

更改占位符的颜色以及搜索的输入文本和边框

问题描述

1 个解决方案

解决方案1 0 2021-07-25 17:51:24

解决方案2 0 2021-07-25 18:21:03

解决方案1
0 2021-07-25 17:51:24

解决方案2
0 2021-07-25 18:21:03