melvinstanly/css-select.html

## css-select.html
// Custom scrolling bar for select
// Solution for no scroll in MAC browsers

<html>
    <head>
        <style>
        .frame::-webkit-scrollbar {
            -webkit-appearance: none;
        }

        .frame::-webkit-scrollbar:vertical {
            width: 11px;
        }

        .frame::-webkit-scrollbar:horizontal {
            height: 11px;
        }

        .frame::-webkit-scrollbar-thumb {
            border-radius: 8px;
            border: 2px solid white; /* should match background, can't be transparent */
            background-color: rgba(0, 0, 0, .5);
        }

        </style>
    </head>
    <body>
        <div class="frame">
            Foo<br />
            Bar<br  />
            Baz<br />
        </div>
    </body>
</html>
	// Custom scrolling bar for select
	// Solution for no scroll in MAC browsers

	<html>
	<head>
	<style>
	.frame::-webkit-scrollbar {
	-webkit-appearance: none;
	}

	.frame::-webkit-scrollbar:vertical {
	width: 11px;
	}

	.frame::-webkit-scrollbar:horizontal {
	height: 11px;
	}

	.frame::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 2px solid white; /* should match background, can't be transparent */
	background-color: rgba(0, 0, 0, .5);
	}

	</style>
	</head>
	<body>
	<div class="frame">
	Foo<br />
	Bar<br />
	Baz<br />
	</div>
	</body>
	</html>