With the help of the Browser Inspector I try to style a Data Grid cell of Type COMBOBOX. This cell is in different Browser differently displayed.
In Safari, and Google Chrome for example the combobox cell looks like in the screenshots below. I would like to replace the shown images with arrows (or whatever it is that is shown), but can’t find the corresponding property.
As the display of the combobox is Browser specific, I assume it must be something like -webkit-??? or -moz-???
An additional problem is, that one has to double click to get the combobox attached value list. How to do it with one click?
Thanks for your feedback. We very much would appreciate complete CSS control for a Data Grids combobox column, this is from a UI and an implementation point of view for us just a very annoying situation. To get an only somewhat clean display representation, we currently use the type TYPEAHEAD, although it’s for our case the wrong type. Not good, functionally wrong and gives us way too much work to make it somewhat to work as needed by teachers, but in no way sufficient and satisfactory.
To need to make a double click is just NOT what our users (any user, I assume) want to do by entering marks and assessments (fast). And then it’s also inconsistent with the rest of the behaviour.