cordova - PhoneGap build webkit-appearance no drop down arrow for select tag -
i'm using phonegap build , select tags have no dropdown arrow on phone. tried applying -webkit-appearance: menulist; doesn't help, tried other choices still shows alternative no drop downwards arrow.
it issue phonegap because same code shows dropdown arrow on native browser on android phone.
only 1 time utilize phonegap build arrow disappear. solutions?
the android browser's rendering of <select>s buggy , remove normal styling if background or border applied.
since <select>s not looking <select>s pretty big usability issue, best bet not style them browser only.
unfortunately, there's no pure css way of selecting/excluding android browser, recommend utilize layout engine (https://github.com/stowball/layout-engine), add together class of .browser-android <html> tag.
you style <select>s except on android browser, so:
html:not(.browser-android) select { background: #0f0; border: 1px solid #ff0; } select cordova drop-down-menu build arrow
No comments:
Post a Comment