codehaven - php snippets - coding help
Generic filters
Exact matches only
    • octopus energy discount code

    How to change the input box placeholder text colour

    17th January 2020

    CSS

    Css - Codehaven

    This code will change the input box text colour for the placeholder. Usually its dark grey from the bootstrap css or some other css file.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
     
    .form-control:focus {
        width: 85%;
        background-color: #fff;
        }
     
     
    .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: red;
      opacity: 1; /* Firefox */
    }
     
    .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: red;
    }
     
    .form-control::-ms-input-placeholder { /* Microsoft Edge */
      color: red;
    }
     

    Was this code snippet helpful?

    RSS Latest Snippets
    LINKS
    A Repository of Code Snippets in many Programming Languages:-

    PHP – JQUERY
    CSS – MYSQL
    WORDPRESS – JAVASCRIPT
    WOOCOMMERCE – HTML

    © 2022 CODEHAVEN