- With the select element using an opacity of zero (0), the element can have a custom background, and when clicking on the element the hidden select box still behaves normally (browser's default behavior)
- The element with the class
.faux-select-selected
needs javascript functionality which updates the content binding to the value that is selected using the invisble select box (on change).
(clone the emberjs/starter-kit to get started, see the components branch on this clone of starter kit...https://github.com/Ember-SC/starter-kit/commits/components)
- Start with removing the default index template/model from the emberjs/starter-kit