Cambiare stile cursore...si può?

**TheAikon** · 03-05-2006, 13:22

Salve ragazzi volevo sapere se con i fogli di stile è possibile cambiare lo stile del cursore visibile all'interno delle input type text di in form; in pratica il cursore del focus.

Grazie mille!!

**panta1978** · 03-05-2006, 13:28

Originariamente inviato da TheAikon
Salve ragazzi volevo sapere se con i fogli di stile è possibile cambiare lo stile del cursore visibile all'interno delle input type text di in form; in pratica il cursore del focus.

Guarda http://www.echoecho.com/csscursors.htm

Esempio:

codice:

p.help{cursor:help}

Così appare la freccina con punto interrogativo se si posiziona il mouse su un paragrafo con id "help"

**pierofix** · 03-05-2006, 13:29

Certo. Ecco cosa dice in merito la specifica di CSS 2.1:

- www.w3.org/TR/CSS21/ui.html#propdef-cursor

[Edit] Acc! Doppio.

**TheAikon** · 03-05-2006, 15:15

Originariamente inviato da panta1978
Guarda http://www.echoecho.com/csscursors.htm

Esempio:

codice:

p.help{cursor:help}

Così appare la freccina con punto interrogativo se si posiziona il mouse su un paragrafo con id "help"

Non è il cursore del mouse che mi interessa ma quello che "lampeggia" nella input text di una form in attesa di scrivere del testo.

Spero di essere stato abbastanza chiaro.

Cmq grazie per l'intervento.

**pierofix** · 03-05-2006, 15:20

Se vuoi puoi realizzare un cursore tutto tuo e poi applicarlo tramite la proprietà 'cursor':

codice:

input:focus
{
   cursor:url('cursore.cur'), text;
}

Ma hai visto il link che ti avevo postato?

- www.w3.org/TR/CSS21/ui.html#propdef-cursor

**TheAikon** · 03-05-2006, 15:59

Originariamente inviato da pierofix
Se vuoi puoi realizzare un cursore tutto tuo e poi applicarlo tramite la proprietà 'cursor':

codice:

input:focus
{
   cursor:url('cursore.cur'), text;
}

Ma hai visto il link che ti avevo postato?

- www.w3.org/TR/CSS21/ui.html#propdef-cursor

Scusa ma non so se sono io che non riesco a capire o forse continuo a non essere chiaro.
Ho provato così ma il cursore (quello che lampeggia) all'interno della text non cambia:

codice:

<html>
	<head>
		<title></title>
		<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
		<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
		<style type="text/css">
			input:focus
			{
			cursor:url('cursore.cur'), text;
			}
		</style>
	</head>
	<body>
		<form name="form0">
			<input type="text" name="pippo">
		</form>
	</body>
</html>

Ho visitato il link ma non ho trovato nulla che fa al mio caso...almeno credo.
Se magari tu hai le idee + chiare potresti gentilmente farmi un semplice esempio?
Puoi prendere come esempio anche il codice di cui sopra.

Grazie ancora!!

**pierofix** · 03-05-2006, 16:13

Con quale browser hai testato? Non ricordo se Internet caca Explorer riconosce la pseudoclasse standard :focus.
Hai creato un'immagine per il tuo cursore personalizzato? Deve avere estensione '.cur' (come nel mio esempio).

**TheAikon** · 03-05-2006, 16:56

Originariamente inviato da pierofix

Con quale browser hai testato? Non ricordo se Internet caca Explorer riconosce la pseudoclasse standard :focus.
Hai creato un'immagine per il tuo cursore personalizzato? Deve avere estensione '.cur' (come nel mio esempio).

Uso I.E 6
Come faccio a creare una immagine con estensione .cur?
Photoshop non me le riconosce.

Ho provato a fare una semplice immagine e poi rinominarla brutalmente in .cur
ma non funziona.

codice:

<style type="text/css">
input:focus
{
    cursor:url('test.cur'), text;
}
</style>

Discussione: Cambiare stile cursore...si può?

Strumenti discussione

Ricerca discussione

Visualizza

Cambiare stile cursore...si può?

Re: Cambiare stile cursore...si può?

Re: Re: Cambiare stile cursore...si può?

Permessi di invio