Как сделать заполнитель ввода таким же цветом, что и цвет div, используя CSS?

Question

У меня есть следующее HTML, и мне нужно изменить цвет заполнителя так, чтобы он совпадал с цветом div, используя CSS.

Но я не могу понять это.

Я пробовал этот код:

.form::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
  opacity: .5;
}

.dob{
    color:#999 !important;

    font-size:14px;
    text-align:left;
}

, и он не работал.

Я также пытаюсь добиться того же параметра выбора, но безуспешно.

Изменение opacity, похоже, также не имеет никакого эффекта.

Может кто-нибудь, пожалуйста, совет по этому поводу:

.form .row {
height:auto;
}

.form .row {
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
  display:inline-block;
  text-align:center;
  width:90%;
}

.form input[type="text"], .form input[type="password"], .form textarea, .form input[type="email"], .form input[type="tel"], .form select, .form .dob{
  width: 100%;
  height: 40px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  color: #333;
  border-radius: 3px;
  transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
  display:inline-block;
  -webkit-appearance: none;
}






.form::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
  opacity: .5;
}

.dob{
	color:#999 !important;

	font-size:14px;
	text-align:left;
}

select{
	color:#999 !important;

	font-size:14px;
	text-align:left;
}

<form class="form" action="#">
 
  <div class="row">
    <input type="text" name="fancy-text" id="fancy-text" placeholder="Full Name"/>

  </div>
 
 
      <div class="row">
	
	<div class="dob" id="fancy-text5" placeholder="Date Of Birth">Date of Birth</div>
	
	

  </div>
 
  </form>

Answer 1

Может работать следующий код:

.form::-webkit-input-placeholder {
    background-color: transparent;
}