style for the view poping up in the webview when a user selects a combo box

Question

I need to find what style/theme is used by the webview for the view that pops when the user clicks a combo box in the html page.

On certain phones, the text gets chopped and I need to reduce the text size or allow each line to span multiple lines.

I have tried 5 styles so far, without success:

<style name="teststyle1" parent="@android:style/Widget.DropDownItem.Spinner">
    <item name="android:singleLine">false</item>
    <item name="android:textStyle">bold</item>
    <item name="android:textColor">#FF00FF</item>
    <item name="android:checkMark">@drawable/another_btn_radio</item>
</style>

<style name="teststyle2" parent="@android:style/Widget.TextView.SpinnerItem">
    <item name="android:singleLine">false</item>
    <item name="android:textStyle">bold</item>
    <item name="android:textColor">#FF00FF</item>
    <item name="android:checkMark">@drawable/another_btn_radio</item>
</style>

<style name="teststyle3" parent="@android:style/Widget.DropDownItem">
    <item name="android:singleLine">false</item>
    <item name="android:textStyle">bold</item>
    <item name="android:textColor">#FF00FF</item>
    <item name="android:checkMark">@drawable/another_btn_radio</item>
</style>

<style name="teststyle4" parent="@android:style/Widget.Spinner">
    <item name="android:singleLine">false</item>
    <item name="android:textStyle">bold</item>
    <item name="android:textColor">#FF00FF</item>
    <item name="android:checkMark">@drawable/another_btn_radio</item>
</style>

<style name="teststyle5" parent="@android:style/Widget.Spinner">
    <item name="android:singleLine">false</item>
    <item name="android:textStyle">bold</item>
    <item name="android:textColor">#FF00FF</item>
    <item name="android:checkMark">@drawable/another_btn_radio</item>
</style>

Any help would be greatly appreciated.

Answer 1

Allow Multiple lines would be better. If you only set the size. It would be changed if you want to add some words sometime.

Answer 2

This change is actually going to be done on the HTML side of things not in android. Use the webkit-appearance CSS tag to specify an appearance style then you can work with the wrapping using CSS.

URL: http://css-infos.net/property/-webkit-appearance