Consistent styles for select field

[Blackbaud-AlexKingman]

Fixes #1242

[codecov-io]

Codecov Report

Merging #1913 into master will not change coverage.
The diff coverage is n/a.

@@          Coverage Diff           @@
##           master   #1913   +/-   ##
======================================
  Coverage     100%    100%           
======================================
  Files         415     415           
  Lines        8746    8746           
  Branches     1292    1292           
======================================
  Hits         8746    8746

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update b90bc90...5cb18ee. Read the comment docs.

[Blackbaud-AlexKingman]

Here's what this looks like on various browsers:

Edge

Internet Explorer 11

Chrome (Windows)

Safari (Mac)

Firefox (Mac)

Chrome (Mac)

[Blackbaud-TrevorBurch]

LGTM
@Blackbaud-ToddRoberts - does this look ok to you?

[Blackbaud-ToddRoberts]

Having a couple other designers look at this as well since we were discussing Select styling recently.

[Blackbaud-ToddRoberts]

Is there any accessibility impact here?

[Blackbaud-ToddRoberts]

Generally the style is good. I can't tell what the spacing is between the text and the icon - can we ensure it's 10px as it is for Dropdown?

[Blackbaud-AlexKingman]

@Blackbaud-ToddRoberts took a few tweaks, but the padding is now 10px for all browsers above.

[Blackbaud-AlexKingman]

Also, @Blackbaud-ToddRoberts re:accessibility > Great question. I compared this change with the prior state using JAWS screen reader, and its the same experience. It doesn't affect any aria labels or key strokes, since the change is limited to CSS only. JAWS still sees it as a combo box. I think we're good to go here.