Difference between revisions of "CSS Placeholder Contrast"

From Level Access Web Labs
Jump to navigation Jump to search
Line 24: Line 24:
 
   color: #787878 !important;   
 
   color: #787878 !important;   
 
   opacity: 1;
 
   opacity: 1;
 +
}
 +
.typical::placeholder {
 +
  color: #ee00ee !important;
 
}
 
}
  
Line 34: Line 37:
 
   <p>Low contrast not default placeholder</p>
 
   <p>Low contrast not default placeholder</p>
 
   <input type="text" class="lowcontrast" placeholder="phone" />
 
   <input type="text" class="lowcontrast" placeholder="phone" />
 +
<input type="text" class="typical" placeholder="phone" />
 
</body>
 
</body>
 
</html>
 
</html>
  
 
[[category:CSS]]
 
[[category:CSS]]

Revision as of 13:11, 27 March 2019

The placeholder text below should be dark blue and has an opacity of 1.

The placeholder below has the default placeholder color set.

Low contrast not default placeholder