Foros del Web » Creando para Internet » CSS »

Diferente cursor para Input text y Input Button

Estas en el tema de Diferente cursor para Input text y Input Button en el foro de CSS en Foros del Web. Hola, quiero cambiar el cursor de los botones de un formulario, de forma que al pasar sobre un botón muestre el cursor mano (hand). Leyendo ...
  #1 (permalink)  
Antiguo 07/06/2005, 04:49
 
Fecha de Ingreso: febrero-2003
Mensajes: 47
Antigüedad: 21 años, 9 meses
Puntos: 0
Diferente cursor para Input text y Input Button

Hola, quiero cambiar el cursor de los botones de un formulario, de forma que al pasar sobre un botón muestre el cursor mano (hand). Leyendo otros post encontré la forma pero tengo el siguiente problema. El estilo en mi web lo tengo así definido:

INPUT {
BORDER-RIGHT: #000000 1px outset; ........; CURSOR:hand; CURSOR:pointer
}
TEXTAREA {
BORDER-RIGHT: #000000 1px outset ..........
}
SELECT {
BORDER-RIGHT: #000000 1px outset; ..........
}

De esta forma no he tengo que meter la etiqueta "class" en cada input, textarea o select de mi web. Pero claro ahora tengo un problema porque dejandolo así el cursor se cambia al estar sobre el botón pero también al estar sobre una caja de texto, y yo quiero que en la caja de texto siga el cursor de edición (la barra vertical).

Existe alguna forma de diferenciar de forma genérica los Input de tipo text de los Input tipo botón? De otra forma me toca definir una nueva clases por ejemplo Input.Boton y añadir class="Input.Boton" a todos los botones de mi Web .... vaya tela ...

Gracias por la ayuda.
  #2 (permalink)  
Antiguo 07/06/2005, 05:57
 
Fecha de Ingreso: octubre-2004
Mensajes: 2.627
Antigüedad: 20 años
Puntos: 48
El standard CSS 2.1 especifica que se puede crear un selector en base al valor de un atributo: http://www.w3.org/TR/CSS21/selector....bute-selectors . Segun esto, podrias hacer:

input[type="text"] { // lo que sea para text
input[type="submit"] { // para el boton submit

y el mundo seria perfecto.

Pero para chafarnos todo, existe M$. El IE5.x y el IE6 (si no me equivoco) no soportan este tipo de selectores, asi que no funcionara en esos navegadores. Y no se en que otros navegadores no esta soportado.
  #3 (permalink)  
Antiguo 07/06/2005, 08:43
 
Fecha de Ingreso: febrero-2003
Mensajes: 47
Antigüedad: 21 años, 9 meses
Puntos: 0
DarkJ muchas gracias es justo lo que necesitaba, pero como bien dices NO PODRÉ UTILIZARLO, en firefox funciona de lujo pero en IE6 NO .

Lástima, ahora a currarme los cambios, gracias de todas formas.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:50.