Come si formatta lo stile della barra di scorrimento su un'area di testo?

Sono sicuro che non dovrebbe essere così difficile come sembra ... Non posso usare uno scroll di JQuery perché ho bisogno che funzioni come una textarea standard quando viene inviato .. deve funzionare in IE7 +, Safari & firefox almeno ... qualche idea?Come si formatta lo stile della barra di scorrimento su un'area di testo?

provato questo ...

textarea { 
    scrollbar-face-color: #ff8c00; 
    scrollbar-track-color: #fff8dc; 
    scrollbar-arrow-color: #ffffff; 
    scrollbar-highlight-color: #fff8dc; 
    scrollbar-shadow-color: #d2691e; 
    scrollbar-3dlight-color: #ffebcd; 
    scrollbar-darkshadow-color: #8b0000; 
}

... ma funziona solo in IE?

Qualche idea ??

fonte

2011-08-16 Chris Carruthers

possibile duplicato di [Come faccio a stile la barra di scorrimento di una textarea] (http: // stackoverflow.com/questions/3742389/how-do-i-styles-the-scrollbar-of-a-texttext) – Curt

Solo per WebKit: http://stackoverflow.com/questions/4641169/apple-like-scrollbars-using -css/4641257 # 4641257 – thirtydot

Non l'ho mai fatto, quindi non sono completamente sicuro su questo, ma ricordo che i miei colleghi lo stavano facendo per un sito che stavamo sviluppando e che aveva lo stesso problema minore.

Penso che tu sia lungo la strada giusta, anche se le proprietà barra di scorrimento devono essere nel corpo css in questo modo:

body { 
scrollbar-face-color: #ff8c00; 
    scrollbar-track-color: #fff8dc; 
    scrollbar-arrow-color: #ffffff; 
    scrollbar-highlight-color: #fff8dc; 
    scrollbar-shadow-color: #d2691e; 
    scrollbar-3dlight-color: #ffebcd; 
    scrollbar-darkshadow-color: #8b0000; 
}

Forse si potrebbe provare a dare la proprietà di testo e ID desiderato e applicare che, in il CSS, in modo da:

textarea.(insertrelevantID) { 
..... 
}

fonte

2011-08-16 14:02:27 RSM

Ciao grazie, sfortunatamente anche questo non sembra funzionare, faticando a trovare qualcosa online anche se avrei E pensavo che questo dovrebbe essere abbastanza semplice –

@chris ... risposta aggiornata con un'altra possibile soluzione – RSM

È possibile utilizzare questo script:

http://studio.radube.com/html-textarea-custom-scrollbar

Tuttavia, penso che avrai sempre problemi nello styling di una barra di scorrimento textarea in puro CSS a causa del fatto che il browser lo rende comunque adatto.

fonte

2011-08-16 14:08:20 Curt

Usa -webkit-scrollbar pseudo-elementi per la barra di scorrimento:

textarea::-webkit-scrollbar { 
    width: 1em; 
} 

textarea::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
} 

textarea::-webkit-scrollbar-thumb { 
    background-color: darkgrey; 
    outline: 1px solid slategrey; 
}

È possibile trovare maggiori dettagli qui: https://css-tricks.com/almanac/properties/s/scrollbar/

fonte

2017-10-09 03:47:49

Come si formatta lo stile della barra di scorrimento su un'area di testo?

risposta

Problemi correlati