Ho provato a google, e sorprendentemente trovato nessun risultato correlato ... Mi chiedo come posso usare css per regolare il cursore lampeggiante all'interno della casella di ricerca con CSS? Ho regolato la dimensione della casella di ricerca, ma sembra che la dimensione del cursore lampeggiante sia ancora piccola dimensione del testo originale.Come regolare la dimensione di Caret (cursore lampeggiante) all'interno della barra di ricerca con css
risposta
La ricerca di cursore anziché di cursore consente di ottenere più risultati.
appearently, non è possibile in una textarea, ma è possibile in altri elementi attraverso Javascript:
Date un'occhiata a:
How to control cursor/caret size with CSS
How to modify the caret with css
e
non sembra una soluzione, più di un modo complesso per affrontare la semplice regolazione. Non li userò, rimarrò come è, credo che ......Tuttavia, se qualcun altro ha una soluzione migliore che estenda effettivamente la dimensione del Caret alle dimensioni che si avvicinano al campo di input della barra di ricerca stessa, sarà apprezzato! –
Attualmente non è possibile definire lo stile del cursore, ma se si utilizza un altro elemento DOM per visualizzare il valore del controllo di input, è possibile. Date un'occhiata a How to use this square cursor in a HTML input field?
Se tappi è ok nel vostro contesto, un semplice trucco è quello di utilizzare l'attributo CSS font-variant: small-caps; per ottenere il cursore più grande del testo.
Un altro approccio è quello di creare il proprio caret utilizzando una sostituzione del campo di input, qualcuno ha trascorso del tempo e achieved something working, ma l'autore consiglia di continuare a utilizzare il punto di inserimento standard.
<style>
.input_strips {
font-family: monospace;
<!--change the font size this will change the input cursor and the text box-->
font-size: 30px;
}
</style>
Non è possibile modificare la larghezza del cursore (almeno per ora); Ma si può cambiare il colore punto di inserimento per la maggior parte dei browser moderni
https://developer.mozilla.org/en-US/docs/Web/CSS/caret-color
input {
caret-color: red;
caret-color: #ff0000;
caret-color: rgb(255, 0, 0);
caret-color: hsl(0, 97%, 50%);
}
Per quanto ne so, non c'è modo diretto per lo stile il cursore. Invece qui ci sono alcune informazioni utili che possono aiutarti a risolvere i tuoi problemi.
Per impostazione predefinita, l'altezza del carattere prenderà l'altezza del carattere, l'unica volta che non lo farà, è quando viene specificata l'altezza della linea, quindi prenderà questa altezza.
Quindi, se si desidera modificare l'altezza del cursore, è possibile farlo attraverso la dimensione del carattere o l'altezza della linea se non si desidera modificare la dimensione del carattere.
- 1. Cursore lampeggiante di Google Documenti "kix-cursor-caret"
- 2. Come nascondere il cursore lampeggiante della casella di testo?
- 3. Come modificare la dimensione della barra di navigazione di ionic?
- 4. Come regolare/modificare la larghezza della barra di scorrimento
- 5. rimozione del cursore lampeggiante nel terminale, come?
- 6. Come fare un cursore lampeggiante (o lampeggiante) su iphone?
- 7. gnuplot - regolare la dimensione della chiave/legenda
- 8. Numero AndroidPicker senza cursore lampeggiante
- 9. come nascondere il cursore lampeggiante nel testo di input?
- 10. Come posso nascondere il cursore del campo di testo lampeggiante usando i CSS?
- 11. JTreeTable DnD Cursore a caduta lampeggiante pazzo
- 12. mappatura per // comportamento strano per la ricerca regolare con pasta
- 13. Cambia il colore del cursore del testo (caret) in Cocoa?
- 14. Mostra la tastiera virtuale sull'attivazione della barra di ricerca di ricerca con SearchView
- 15. personalizzazione della barra di ricerca di Android,
- 16. Come rendere la dimensione di input della barra di navigazione di bootstrap3 da riempire con il resto dello spazio?
- 17. Segno di sottolineatura lampeggiante con console
- 18. Javascript Contenteditable - set Cursore/Caret per indicizzare
- 19. Diminuisce la dimensione della barra di valutazione in Android 2.1
- 20. Qual è la differenza tra barra di ricerca, barra di ricerca e controller di visualizzazione ricerca?
- 21. Previene il cursore lampeggiante nella casella di testo
- 22. Vim di ricerca con ag la parola sotto il cursore
- 23. Come modificare la dimensione del testo della barra degli strumenti?
- 24. selectize.js - come posso disattivare il cursore lampeggiante dopo l'elemento selezionato?
- 25. Come aggiungere Barra di ricerca con la barra degli strumenti di modifica testo in
- 26. Barra di ricerca con prepareForSegue per DetailViewController
- 27. Come modificare il colore della barra di ricerca in Android?
- 28. Regolare la larghezza della colonna della tabella di dimensioni contenuti
- 29. Cambiando la dimensione della barra di ricerca a livello di codice ma non riesco a ottenere il pollice per essere più grande della barra
- 30. Caret ricerca e sostituzione nella shell Bash
@ mrbinky3000 bene, questo non è un articolo (come già sapete, essendo oltre 2k rep) e, se siete a conoscenza di nuovi modi per raggiungere questo obiettivo, rispondere sarebbe più produttivo di commentare che qualcun altro dovrebbe rispondere. .. * "Sii il cambiamento che vuoi vedere nel mondo" *, e tutto il jazz;) –
Possibile duplicato di [Come controllare le dimensioni del cursore/cursore con i CSS] (https://stackoverflow.com/questions/6090893/how-to-control-cursor-caret-size-with-css) – FFirmenich