Estoy tratando de hacer un input type="search" alto, pero CSS no lo afecta. Mi código es así:tipo de entrada = búsqueda no acepta altura
HTML:
<input type="search" />
CSS:
input{width:100%; height:100px;}
Pero no funciona. Echar un vistazo a violín here
Ver http://trentwalton.com/2010/07/14/css-webkit-appearance/
defecto Webkit (secuestros) para el uso de un campo de búsqueda nativa, pero se puede reemplazar con:
-webkit-appearance:none;
¡Impresionante! Por si acaso, ¿hay alguna forma de hacer que ese botón x dentro de él sea más grande? – Mohsen
@Mohsen - solo estoy adivinando realmente, pero diría que, como es un componente gui nativo, no se puede diseñar con CSS. – hooleyhoop
-webkit-appearance:textfield;
box-sizing: content-box;
http://tonibarrett.com/forcing-my-style-onto-input-typesearch/
esto resolvió mi problema
Debe escribir
input[type="search"]{width:100%; height:100px;}
en lugar de
input{width:100%; height:100px;}
La forma más fácil de cambiar mi humilde opinión Tipo 'búsqueda' para escribir 'texto' o caer Web-kit-apariencia como se mencionó anteriormente.
¿En qué navegador estás probando? Funciona bien en Firefox 6.0, por ejemplo. – Guffa
Funciona para mí; ambas entradas son del mismo tamaño. Chromium 12. – Bojangles
También en Internet Explorer 9, Opera 11.50 y Chrome 13. – Guffa