CODEWITHSUNDEEP
cssfirefoxselectborder
Kalzone
Kalzone

Reputation: 121

Dropdown border issue in firefox

enter image description here

Firefox is cutting off the border of dropdown select or making them look hideous in some cases(making left border grey and right border black).

Is there a fix for this in CSS?

I am using Bootstrap, UniformJS(removing this didn't change anything).

Upvotes: 4

Views: 2980

Answers (3)

Sachin Sanchaniya
Sachin Sanchaniya

Reputation: 1044

Yes.. It is a bug From Firefox web browser.

Set Width Of Your Select Box In CSS

select {
 width: 99% !important;
}

or add class to select tag and set width

Upvotes: 0

Chris Voon
Chris Voon

Reputation: 1999

To complete the answer by Rhythm Patel, add the following to your CSS or element.

select {
    width: 99% !important;
}

Upvotes: 0

Rhythm Ruparelia
Rhythm Ruparelia

Reputation: 667

Its a firefox bug. You can check it here.

Best way would be to give width 99.99% instead of 100% in your css.

Upvotes: 6

Related Questions