-4

can anyone help me custom a select dropdown like this using bootstrap 3 please!.

i am trying many time but without success. Thanks

this is an example of what i am trying to make

AyB
  • 11,609
  • 4
  • 32
  • 47
user3859209
  • 1
  • 1
  • so basically, you want a [custom css box arrow](http://stackoverflow.com/questions/12668404/css-select-box-arrow-style) using bootstrap's [form select](http://getbootstrap.com/css/#forms-controls) right? – serakfalcon Jul 21 '14 at 04:24
  • yes, i want to remove the border-radius and make a background for the arrow. – user3859209 Jul 21 '14 at 04:31

1 Answers1

0

try this from bavotasan.com

.styled-select {
    width: 245px;
    height: 34px;
    overflow: hidden;
    background:url(/*your-img-url-here*/) no-repeat right;
}

.styled-select select {
   background: transparent;
   width: 110%;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   -moz-appearance:none;
}

note -webkit-appearance/-moz-appearance are not supported by opera or internet explorer, so it won't have the effect you want on all browsers.

serakfalcon
  • 3,501
  • 1
  • 22
  • 33