0

I have added this style to my css file for all select inputs

select { border:1px solid #666666;; width:100%; height:26px; font-size:12px; margin:0 0 20px 0; padding-left:10px; float:right; -webkit-appearance:none; background-image:url('../../images/dropdown.png'); background-size:25px; background-position:98% 50%; background-repeat:no-repeat; border-radius:0; }

how can i make my arrow look like the on in these boxes? - http://postimg.org/image/4qvumqoc1/

Improve this question
2
  • possible duplicate of How to use a Bootstrap 3 glyphicon in an html select check that link and see the correct answer there, could help you out as well. Commented May 23, 2014 at 8:17
  • i want to be able to add it into my CSS not HTML Commented May 23, 2014 at 8:20

1 Answer 1

Reset to default
0 
select { border:1px solid #666666;; width:100%; height:26px; font-size:12px; margin:0 0 20px 0; padding-left:10px; float:right; -webkit-appearance:none; background-image:url('../../images/dropdown.png'); background-size:25px; background-position:98% 50%; background-repeat:no-repeat; border-radius:0; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; }

Here's the fiddle with : http://jsfiddle.net/6hMua/

Improve this answer
Sign up to request clarification or add additional context in comments.

1 Comment

is there anyway i can use HTML code rather than a background image?

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.