Bootstrap3 выбрать change expand icon

Question

Может ли кто-нибудь сказать мне, как изменить значок расширения в bootstrap3? Я хочу, чтобы получить что-то, как на втором выбираешь вместо стандартного расширения значка

я знаю о готовых решениях, как это: Bootstrap-select

Но я не могу использоваться, потому что они баловаться с моим макетом.

Answer 1

Вы можете добавить appearance:none; в ваш select class и добавить свой собственный фон.

Как

select { 
/*other styles if any*/ 
display: inline-block; 
-webkit-appearance:none; 
-moz-appearance:none; 
appearance:none; 
border:solid 1px #CCC; 
background: url("path/to/arrow.png") center right; 
}