Added modern styling to select elements in input box

[Blackbaud-PaulCrowder]

No description provided.

[Blackbaud-AlexKingman]

In FF, the label and value aren't lined up (see screenshot).

[Blackbaud-PaulCrowder]

In FF, the label and value aren't lined up (see screenshot).

Ah, nice catch. I even tested in Firefox and didn't see that.

[Blackbaud-AlexKingman]

Two things...

1. Clicking the select label does not open the dropdown even though it visually seems like it should. Is that a problem?
2. The option value text and the up/down arrows aren't quite vertically centered with each other. This could be a cross-browser nightmare, but should we consider replacing this with a SKY UX icon to get a little more control over how that displays?

[blackbaud-ado]

Preview build at https://host.nxt.blackbaud.com/skyux-forms?_sp.spa=pr-input-box-select

[codecov]

Codecov Report

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

@@            Coverage Diff            @@
##            master      #152   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           29        29           
  Lines          952       952           
  Branches       127       127           
=========================================
  Hits           952       952           

---

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 560ffee...b1cf7d9. Read the comment docs.