Underline single letter in an input placeholder - HTML CSS CSS Form

HTML CSS examples for CSS Form:input

  1. HOME
  2. HTML CSS
  3. CSS Form
  4. input

Description

Underline single letter in an input placeholder

Demo Code

ResultView the demo in separate window 

<html lang="en">
 <head> 
  <title>Lorem ips</title> 
  <style>
input {<!--   w  w w.ja  v  a 2  s  .  c  o m-->
   font-size:21px;
   padding:11px;
}

::-webkit-input-placeholder::first-letter {
   color:Chartreuse;
   border-bottom:2px solid yellow;
   text-decoration:underline;
}

::-moz-placeholder::first-letter {
   color:blue;
   text-decoration:underline;
}

:-ms-input-placeholder:first-letter {
   color:pink;
   text-decoration:underline;
}
</style> 
 </head> 
 <body translate="no"> 
  <input type="text" placeholder="First Name">  
 </body>
</html>

Related Tutorials