2013-10-17 31 views
58

In seguito alla mia precedente interrogazione (Add a scrollbar to a <textarea>) su come vedere sempre la barra di scorrimento in una <textarea>, ora sto chiedendo come è possibile impostarlo in modo che non v'è alcuna barra di scorrimento nella <textarea>, anche quando il testo overflow. Per scorrere verso il basso con questo, dovresti usare i tasti freccia o il mouse per navigare attraverso il testo.Rimuovere le barre di scorrimento da textarea

Come posso fare questo?

+3

Hai provato ''? – andyb

risposta

88

provare la seguente, non è sicuro che funzionerà per tutti i browser o il browser si sta lavorando, ma sarebbe meglio provare tutto:

<textarea style="overflow:auto"></textarea> 

O

<textarea style="overflow:hidden"></textarea> 

.. Come suggerito sopra

Puoi anche provare ad aggiungere questo, non l'ho mai usato prima, l'ho appena visto pubblicato su un sito oggi:

<textarea style="resize:none"></textarea> 

Quest'ultima opzione rimuovere la possibilità di ridimensionare il textarea. Potete trovare ulteriori informazioni sul CSS resize proprietà here

+3

textarea_element.style.overflow = "hidden"; (ha funzionato in Firefox 44.0) – AAAfarmclub

6

style="overflow: hidden" e style="resize: none" erano quelli che ha fatto il trucco.

+8

come esattamente questa non è una risposta? – Robbo

3

Dare una classe per esempio: scroll per textarea etichetta. E nel css Aggiungi questa proprietà -

.scroll::-webkit-scrollbar { 
 
    display: none; 
 
}

Ha funzionato per senza perdere la parte di scorrimento