Phonegap ios7 pop-up menu gets black background

Question

I can’t figure it out. I am using phonegap on ios7. I have a pagecontainer in which I put page elements. I have a select element that uses the default ios7 favorites list element. The selection is selected with a black background, so the text cannot be read. If I remove glb_pagecontainer and the page from my css, the selection list will become transparent, as it should be. so the problem seems to be related to glb_pagecontainer combined with the page?

#glb_pagecontainer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.page {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

<div id="glb_pagecontainer">
    <div class="page" id="pageid">
        <div class="row row1" style="margin-top:50px;">
            <section class="col">
                <div class="input">
                    <select id="theid" class="inputpicker" style="text-indent: 92px;">
                        <option>one option</option>
                    </select>
                </div>
            </section>
        </div>
    </div><!-- End page -->
</div><!-- End glb_pagecontainer -->

Answer 1

, <select> . , HTML , . Phonegap , iOS 7 .

, , CSS .

, , . CLI Phonegap, :

[project-folder]/platforms/ios/[project-name]/Classes/MainViewController.m

:

theWebView.backgroundColor = [UIColor blackColor];

, . , .

Answer 2

, - - .

.

https://github.com/EddyVerbruggen/iOSWebViewColor-PhoneGap-Plugin

Answer 3

, select :

text-indent: 92px;

Answer 4

OP ,

=

meta viewport iOS 7.0.x, 7.1.

Answer 5

css

html { -webkit-tap-highlight-color: transparent;}