Media queries for each browser

Question

I want to resize my input field as per browser. can I write media query for each browser so separate width for input field on separate browser, like for mozilla it will have

Answer 1

If you want to do this you should be able to find something on browserhacks.com which has a bunch of code samples to explain how to get a browser with css media queries so for IE you might do something like this.

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}

This works because the only browser that those rules will apply on is Internet explorer