From a58f06a47d37def828370233836963fb14c8222b Mon Sep 17 00:00:00 2001 From: Hedgehog Date: Tue, 17 Jun 2014 21:11:15 +0400 Subject: [PATCH] Fixed select element appearance in firefox --- css/style.css | 39 ++++++++++++++++++++------------------- 1 file changed, 20 insertions(+), 19 deletions(-) diff --git a/css/style.css b/css/style.css index bd8b662..ac39df6 100644 --- a/css/style.css +++ b/css/style.css @@ -1538,27 +1538,28 @@ input.userMenu-search-field:focus::-ms-input-placeholder { background: #fff; transition: background-color 100ms linear; } -.login .module select, .optionsPage select{ - height: 30px; - font: 13px/24px "Open sans"; - text-align: center; - padding: 3px 30px 3px 10px; - margin: 0; - background: #fff url(../img/form-arrow-down-black.png) no-repeat right center; - border: 1px solid #ccc; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; +@media screen and (-webkit-min-device-pixel-ratio:0) { + .login .module select, .optionsPage select{ + height: 30px; + font: 13px/24px "Open sans"; + text-align: center; + padding: 3px 30px 3px 10px; + margin: 0; + background: #fff url(../img/form-arrow-down-black.png) no-repeat right center; + border: 1px solid #ccc; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; -/* hide default apperance select element and arrow in firefox */ - -webkit-appearance:none; - -moz-appearance:none; - appearance:none; - text-indent: 0.01px; - text-overflow: ''; -/* end */ + /* hide default apperance select element and arrow in firefox */ + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + text-indent: 0.01px; + text-overflow: ''; + /* end */ + } } - .login .module span.availability { margin-left: 10px; font: italic 16px "Open sans";