Вы можете настроить таргетинг на отдельные браузеры с помощью css-хаков, таких как:
@-moz-document url-prefix() {
//firefox specific css here
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
//chrome specific css here - this will also hit other webkit browsers like safari tho
}
. По-моему, хороший способ состоит в том, а затем вы можете использовать этот класс в качестве базы для таргетинга на отдельные браузеры.
в конце он будет выглядеть примерно так:
<html class="firefox">
...
</html>
.firefox .rulename {
//firefox specific css here
}
и, конечно, то же самое для хром и любой другой браузер