placeholder text styling css code example

Example 1: css style placeholder

<!DOCTYPE html>
<html lang="en">
   <head>
      <title>Placeholder - Style</title>
      <style>
         ::placeholder {
            color: green;
         }

         .force-opaque::placeholder {
            opacity: 1;
         }
      </style>
   </head>
   <body>
      <input placeholder="Default opacity..." />
      <input placeholder="Full opacity..." class="force-opaque" />
   </body>
</html>

Example 2: css style placeholder

::placeholder {
  /*styles here*/
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  /*styles here*/
}

Tags:

Css Example

Recent Posts