0

I have a weird problem with firefox with the following css :

* {
    margin: 0;
    padding: 0;
    border: 0;
}

select {
    border: 1px solid #A3A3A3;
}

In chrome this behaves correctly :

all options on chrome correct

But in Firefox I get this :

all options on chrome not correct

When I remove the "border: 0" and "border: 1px solid #A3A3A3;" properties, it works fine :

all options firefox correct

Any suggestion on how to get the same display on chrome and firefox ? Thanks

Christos Loupassakis
  • 1,216
  • 3
  • 16
  • 23

2 Answers2

0

every browser have it's own css, we have to set some css according to browser you can use

-moz-appearance: none;

for this

Ankit Agrawal
  • 6,034
  • 6
  • 25
  • 49
0

I ended up doing this :

* {
    margin: 0;
    padding: 0;
}

And removed this property :

select {
    border: 1px solid #A3A3A3;
}

By doing this, each element has it's border handled by the browser. If I don't need a border for an element, I simply put "border: none" in it's properties.

The question is still open as this solution doesn't really resolve the original problem.

Christos Loupassakis
  • 1,216
  • 3
  • 16
  • 23