jquery - Issue with select tag on phonegap/cordova on windows phone device -
i'm developing mobile hybrid app on phonegap/cordova , experience issue cant resolve on windows phone.
so i'm creating select tag can see
<select> <option>item 1</option> <option>item 2</option> <option>item 3</option> </select> and i'm using css framework called chocolate-chip ui
select { background-color: transparent; border: solid 2px #000000; color: #000000; height: 30px; padding-left: 5px;} giving me result i've expected. can see result bellow
the problem seems appear when select item, since background color white (and want way), font color comes white results on full white select. can see result below.
when press out of of select tag becomes normal again.
so question is, can manipulate color of font on item selected via css? know can manipulate background on select:checked or select:focus color color of font doesnt seem work
do have suggestions might help?
the issue on mobile devices inputs remain in focus after making choice - given away blue border in second image. style focused state use following selector:
select:focus { color: black; background-color: white; } this official way trying accomplish. if not work browser specific issue harder work around.
Comments
Post a Comment