From e2a0c5e9c44dd1d31a202aaf1e82f3ebe5545609 Mon Sep 17 00:00:00 2001 From: mrliptontea Date: Sat, 28 Feb 2015 19:58:25 +0100 Subject: [PATCH] better select tag experience (Chrome and Firefox only) --- src/sass/components/_forms.scss | 38 ++++++++++++++++++++++++++++----- stylesheets/application.css | 10 ++++++++- 2 files changed, 42 insertions(+), 6 deletions(-) diff --git a/src/sass/components/_forms.scss b/src/sass/components/_forms.scss index 5d86b2b..bd8572b 100644 --- a/src/sass/components/_forms.scss +++ b/src/sass/components/_forms.scss @@ -101,13 +101,41 @@ select { height: auto; } - option { - padding-right: $input-padding-horizontal; - padding-left: $input-padding-horizontal; + option[disabled] { + color: $gray-lighter; + } +} - &[disabled] { - color: $gray-lighter; +/** + * Browser hacks: unfortunately every browser has different capabilities when it + * comes to styling