¿Es posible, a través de CSS, eliminar o cambiar la referencia src en el marcado a continuación?¿Puede CSS alterar el atributo SRC de un elemento de entrada?
Lo más fácil sería cambiar el marcado, sin embargo, este código está en libertad y tengo que tratarlo como está, por lo que estoy tratando de eliminar la imagen y usar una imagen de fondo .
<input type="image" src="wp-content/uploads/image.png" name="submit" class="submit" value="Submit" />
Puede experimentar estableciendo alto y ancho en 0, agregar un relleno y establecer la imagen de fondo. Deberá hacerlo display: block o display: inline-block para que la altura surta efecto.
He aquí un ejemplo - http://jsfiddle.net/zBgHd/1/
+1 Gran pensamiento. Tú y yo llegamos al mismo tiempo :-) –
No, para responder a su pregunta. No en ninguna versión de ningún navegador (AFAIK).
Cualquier solución implicará una solución. Estoy probando uno en este momento, donde se usa una regla :before para crear una imagen de fondo en la parte superior.
actualización ... Bueno, por si sirve de algo, :before no se respeta en input elementos, mientras que @ violín de Chetan funciona cuando cambio la etiqueta img-input. Entonces, felicitaciones.
De hecho, acabo descubierto.
.submit {width: 0; height: 28px; background: url (go.png) no-repeat; padding-left: 28px;}
Mi imagen de reemplazo es 28x28. Al especificar un relleno izquierdo igual a eso, y un ancho de cero, efectivamente empuja la imagen fuera del área visible de la caja, dejando que se muestre la imagen de fondo.
Aunque se trata específicamente del atributo img src, sigue siendo válido para src de entrada. Esta pregunta casi lo responde por usted - How to change an input button image using CSS? Otra pregunta relacionada: Define an <img>'s src attribute in CSS
No lo creo .. ¿Qué tal javascript? –