Custom select in Stylus

select.styl

.select
	@extend .input
	relative()
	padding 0
	margin-top 20px
	appearance none
	overflow hidden
	// background-image: url("../img/arrow.png")
	// background-repeat no-repeat
	// background-position: 96% center
	& option
		font-family: ff
		font-size: 16px
		line-height: 1.2
	& > select
		overflow hidden
		padding 0 20px
		size(100%, 100%)
		background: transparent
		border: 0
		color lighten(clgreytxt, 15%)
		font-size: 16px
		font-family: ff
		line-height: 1.2
		appearance none
		-webkit-appearance: none
		&:active, &:focus
			border 0
	&:after
		content " "
		absolute top 24px right 18px
		display block
		size(0,0)
		border-top: 6px solid black
		border-left: 6px solid transparent
		border-right: 6px solid transparent