Edit in JSFiddle

<div class="select-control-default">
  <select>
    <option>HTML</option>
    <option>CSS</option>
    <option>JavaScript</option>
    <option>Photoshop</option>
    <option>Какой то очень длинный пункт</option>
  </select>
</div>

.select-control-default {
	position: relative;
	
	select{
	  width: 100%;
		border: 1px solid #eee;
		border-radius: 2px;
		position: relative;
		outline: none;
		padding: 10px 12px 12px;
		padding-right: 40px;
		background: #fff;
		-moz-appearance: none;
		-webkit-appearance: none;
	}

	&:after {
    content: '‹';
    color: #ccc;
    font-size: 26px;
    line-height: 0;
    display: block;
    position: absolute;
    top: 20px; right: 19px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
	}
}