Dando estilos a placeholder

23/Oct/2013 22068

Con HTML5 llegaron muchas nuevas etiquetas y atributos, y se nota que en la W3C se esforzaron en la captura de datos. Los formularios tuvieron muchas mejoras y en este artículo mostraré como manipular un útil atributo: placeholder.

Placeholder permite integrar un texto predefinido dentro de un campo de texto (<input>). En general este texto ya tiene un estilo según el browser que utilizamos y se acomoda a utilizar este estilo preexistente:

Pero hay una propiedad CSS -propietaria- que permite cambiar el estilo al texto que ingresas a través de placeholder:

input::-webkit-input-placeholder {
color: red;
}
input:-moz-placeholder {
color: red;
}
input:-ms-input-placeholder {
color: red;
}

Comentarios

  1. rx smith pharmacy [#]

    prescription drugs app

  2. ivermectin 12 mg [#]

    Accustomed Dope Fro this by-product
    https://ivermectinst.com stromectol
    https://ivermectinst.com ivermectin for sale
    https://ivermectinsts.com ivermectin 3 mg
    https://ivermectstromect.com ivermectin 3 mg
    https://ivermectstromect.com ivermectin tablets over counter

  3. Joshuawag [#]

    can you take viagra with cialis vitamin e benefits sanofi allegra samples how to order cialis online best libido enhancer for men male enhancement reviews gold max pink pill reviews

  4. ivermectin for sale [#]

    Global Information Far this outcome
    https://stromectolivermect.com ivermectin tablets
    https://stromectolivermect.com ivermectin over the counter
    https://ivermectinstrom.com ivermectin over the counter
    https://ivermectstromect.com ivermectin over the counter
    https://ivermectinst.com ivermectin for humans

  5. Ashblabs [#]

    ivermectin canada

  6. celtabet [#]

    Celtabet, 2007’den bu yana aktif olan güvenilir bir bahis firmasıdır. Celtabet giriş problemi yaşıyorsanız sitemiz size yardımcı olacaktır.

  7. GustavoVet [#]

    copyediting services
    custom writing services

  8. stromectol [#]

    Non-specific Low-down Here this product
    https://stromectolivermect.com ivermectin 3 mg
    https://ivermectstromect.com ivermectin for sale for humans
    https://ivermectstromect.com ivermectin over the counter
    https://ivermectinsts.com ivermectin for sale
    https://ivermectinst.com ivermectin over the counter

  9. Kiablabs [#]

    cialis 5mg online

  10. cialis tablets [#]

    cialis online cialis pills

  11. stromectol australia [#]

    koupit stromectol http://ivermecton.com/ where can i buy ivermectin

  12. Carbon Fibre Abs [#]

    コピー時計
    Carbon Fibre Abs

  13. modafinilschedule [#]

    provigil for depression modalert 100 price india

CSSLab