¿Cómo puedo eliminar el borde alrededor de un <input type="text">
y hacer que el fondo sea transparente?Entrada de texto transparente, sin bordes
13
A
Respuesta
29
Prueba esto:
border: none;
border-color: transparent;
9
De esta manera:
input {
border: none;
background: transparent;
}
1
vale tarde que nunca:
input {border-style:none;}
1
border: none transparent;
outline: none;
Esto no sólo va a quitar el borde alrededor del campo de entrada pero también el resaltado naranja cuando la entrada está en foco.
Cuestiones relacionadas
- 1. Transparente, sin bordes ProgressDialog
- 2. Entrada de texto del iPhone con bordes redondeados
- 3. Botones sin bordes de Android
- 4. Div con bordes cortados, frontera y fondo transparente
- 5. Ventana sin bordes en WPF
- 6. Texto antialias en un formulario .NET transparente
- 7. Obtener entrada de teclado sin un campo de texto/vista
- 8. TABLA sin bordes de celda verticales
- 9. ¿Cómo configurar el campo de entrada html transparente en un div transparente?
- 10. cuadro de texto con un fondo transparente
- 11. entrada de texto simple_form
- 12. ¿Puedo hacer una columna JTable sin bordes?
- 13. Dibujando una pinza en forma sin bordes
- 14. Hacer una ventana sin bordes con Qt
- 15. Delphi sin bordes y Aplicación Captionless
- 16. Sin bordes redondeados en IE en Bootstrap
- 17. Fondo JFrame transparente
- 18. Texto de entrada de texto deshabilitado
- 19. ¿Cómo puedo crear un cuadro de texto sin bordes en Google Chrome usando CSS?
- 20. Escribir texto transparente en la imagen
- 21. Detección de bordes unidimensionales
- 22. Cómo crear una actividad transparente SIN windowIsFloating
- 23. Texto de entrada de AlertDialog
- 24. extjs texto de entrada maskRe
- 25. jQuery datepicker sin entrada
- 26. Restablecer ENTRADA sin FORM
- 27. entrada de texto html Evento de cambio
- 28. Texto antialias en el mapa de bits transparente
- 29. imageview girar alrededor de su centro sin cortar los bordes
- 30. arrastrar ventanas sin bordes de forma con el ratón
Mejor tarde que nunca, sí, pero esto simplemente duplica dos respuestas existentes ('border: none;' es la abreviatura de 'border-style: none;'). – Ryan
@minitech ¿No es una abreviatura de frontera para el ancho de borde, el estilo de borde y el color de borde? – user1032531
Sí, y 'border: none;' establece 'border-style: none;'. – Ryan