Por norma general, el color, el tamaño, etc. del buscador de nuestra página suele verse siempre igual, del estilo a:
Pues mediante el css, podemos cambiarle sus propiedades, y hacer algo como:
Para hacer algo como lo anterior, tendremos que añadir en el css:
input {
background-color: rgba(117, 117, 117, 0.1);
border: 2px solid #ddd;
border-radius: 8px;
}
*::-webkit-input-placeholder { /* WebKit – Chrome, Safari */
color: #51371f !important;
}
*:-moz-placeholder { /* Firefox 18- */
color: #51371f !important;
}
*::-moz-placeholder { /* Firefox 19+ */
color: #51371f !important;
}
*:-ms-input-placeholder { /* IE 10+ */
color: #51371f !important;
}
background-color: rgba(117, 117, 117, 0.1);
border: 2px solid #ddd;
border-radius: 8px;
}
*::-webkit-input-placeholder { /* WebKit – Chrome, Safari */
color: #51371f !important;
}
*:-moz-placeholder { /* Firefox 18- */
color: #51371f !important;
}
*::-moz-placeholder { /* Firefox 19+ */
color: #51371f !important;
}
*:-ms-input-placeholder { /* IE 10+ */
color: #51371f !important;
}
Instagram
YouTube
Pinterest
RSS