Bei Webkit-Browsern können Sie die folgenden Pseudoelemente verwenden, um die Bildlaufleiste des Browsers anzupassen:
Die Buttons an den Enden der Scrollleisten wurden mit Pfeilen versehen, indem man ihnen einen fetten Border gibt. Es wird jedoch nur eine Seite der Border mit Farbe versehen so dass ein Pfeil entsteht.
width: 16px;
height: 16px;
border-width: 8px;
border-color: #A04A11 transparent transparent transparent;
Loremsdfasdffsdfsdfsdfsdfsdfsdfsdfsdfadfasdfdsfasdfafdsdfsdfsdfsdfsdfsdfsfd ipsum dolor sit amet, consectetur adipisicing elit. Libero rerum alias enim dignissimos id quis sed nisi saepe! Officia vel voluptas labore aliquid placeat doloribus, quae delectus sequi ullam eligendi! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus beatae reiciendis at cumque sed consectetur! Cupiditate provident quia odit repellendus minus placeat id laboriosam molestias quae. Sint qui repellendus voluptate! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum vero voluptate, natus exercitationem id nesciunt, quas, rerum voluptatum eius assumenda perferendis distinctio quibusdam inventore aut. Nihil possimus repellendus totam voluptatibus officiis delectus aut explicabo! Beatae commodi illum harum dolorem quaerat corporis ut libero asperiores numquam eius ex, odit placeat reiciendis odio. Dolores, asperiores, doloribus. Fugiat commodi accusamus est doloremque quia iste voluptatibus temporibus eius. Ipsum cumque ipsam alias est reiciendis ratione quae blanditiis esse! Consequatur aperiam, nihil commodi beatae quisquam unde architecto, maiores aliquid at. Distinctio at suscipit molestiae, libero amet, recusandae dolor cumque iure molestias. Nisi voluptas quia magni cupiditate debitis placeat consequatur nulla facere voluptate cumque accusantium corporis a consectetur voluptatibus, quo eius, id ab optio error, vitae veniam. Fugiat deleniti, adipisci sunt quod quia impedit iusto maxime corrupti assumenda minima, deserunt non aut cum? Rem est laboriosam quos, dolorem fuga atque dolorum accusamus dicta animi nihil eos delectus maiores doloribus facere aut totam optio iure, cupiditate reiciendis excepturi perspiciatis? Pariatur excepturi accusantium nulla laboriosam aut, tenetur, nemo quia aliquam fugiat maiores, quae dolore ad. Sed placeat ducimus sapiente eius incidunt nesciunt consequuntur at explicabo nemo, minima repudiandae veniam molestias itaque dolor totam dignissimos quo nisi aspernatur odit.