CSS приклад: scrollbar-arrow-color

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
6.0+

Коротка інформація

Значення за умовчаннямЗалежить від браузера
УспадковуєтьсяНі
Відсотковий записНе застосовується
Застосовується до<applet>, <body>, <embed>, <object>, <select>, <table>, <textarea> або до елементу, у якого overflow задано як scroll або auto.

Версії CSS

CSS 1CSS 2CSS 2.1CSS 3

Опис

Вказує колір на ведучих стрілках активної смузі прокрутки (скролбарі). Якщо скролбар не активний, властивість scrollbar-arrow-color не застосовується. На рис. 1 червоним кольором виділені стрілки, до яких застосовується значення.

Синтаксис

scrollbar-arrow-color: <колір>

Значення

Див. колір

Приклад

HTML5CSS2.1IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>scrollbar-arrow-color</title>
  <style>
   textarea.arrow { 
    scrollbar-arrow-color: blue; /* Колір стрілки */
    height: 70px; /* Висота текстового поля */ 
   }
  </style>
 </head> 
 <body>
  <p><textarea cols="40" rows="20" class="arrow">

   Стрілка на скролбарі синього кольору.
  
  </textarea></p>
 </body>
</html>

Результат даного прикладу показаний на рис. 2.

Часті запитання

  • Q: Як використовувати scrollbar-arrow-color в CSS?

    A: scrollbar-arrow-color є CSS властивістю, яка дозволяє задати колір стрілок у прокрутці. На жаль, ця властивість не підтримується більшістю браузерів і рекомендується уникати її використання.

  • Q: Де можна використовувати scrollbar-arrow-color в CSS?

    A: scrollbar-arrow-color може бути використана для зміни кольору стрілок у вертикальній або горизонтальній прокрутці у деяких браузерах, але ця функціональність є експериментальною і не рекомендується для використання в реальних проектах.

  • Q: Як змінити колір стрілок у прокрутці за допомогою scrollbar-arrow-color в CSS?

    A: Для зміни коліру стрілок у прокрутці за допомогою scrollbar-arrow-color в CSS потрібно вказати цю властивість разом з кольором, наприклад: scrollbar-arrow-color: red;

  • Q: Чому не рекомендується використовувати scrollbar-arrow-color в CSS?

    A: Використання scrollbar-arrow-color в CSS не рекомендується через низьку підтримку цієї властивості браузерами і можливість зміни в поведінці прокрутки на різних платформах.

  • Q: Як замінити властивість scrollbar-arrow-color в CSS для стилізації стрілок у прокрутці?

    A: Замість використання scrollbar-arrow-color в CSS для стилізації стрілок у прокрутці рекомендується використовувати інші методи, такі як ::-webkit-scrollbar-button, ::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb для кращої сумісності з браузерами.