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

http://imgur.com/rlseq0s

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.

http://imgur.com/kofn96w

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

Popular posts from this blog

android - Pass an Serializable object in AIDL -

How to provide Authorization & Authentication using Asp.net, C#? -

How to use Authorization & Authentication in Asp.net, C#? -