Change Color of Placeholder and Input Text and Border Of SEARCH

Question

How can I change color of:

Placeholder Text
Input Text
Border of Search

for example to blue?

<!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

Thanks!

I have tried in diffrent divices and browsers but nothing worked in my example.

Even your own example is not working in diffrent divices and browsers ...

Change Color of Placeholder and Input Text and Border Of SEARCH

Question

1 answers

solution1
0 2021-07-25 17:51:24

solution2
0 2021-07-25 18:21:03

Change Color of Placeholder and Input Text and Border Of SEARCH

Question

1 answers

solution1 0 2021-07-25 17:51:24

solution2 0 2021-07-25 18:21:03

solution1
0 2021-07-25 17:51:24

solution2
0 2021-07-25 18:21:03