WebView中日期选择器对话框按钮文字颜色修改问题

I get it—dealing with WebView's native date picker dialogs can be tricky because they don't inherit styles directly from the WebView itself. Your initial approach of applying a style to the WebView won't work here, since the date picker is a separate system dialog that uses your app's (or activity's) global theme instead.

Let's break down the correct solutions to get those button texts visible again:

1. Target the Date Picker Dialog Directly via Activity Theme #

The simplest and most precise way is to define a custom theme for the date picker dialog and assign it to the Activity hosting your WebView. This way, only the date pickers in that Activity (including those from WebView) will use your custom style.

Step 1: Add Custom Dialog Styles to styles.xml #

For AppCompat-based themes:

<style name="CustomDatePickerDialogTheme" parent="Theme.AppCompat.Light.Dialog.Alert">
    <!-- Set button text color -->
    <item name="colorAccent">#00397F</item>
    <!-- Optional: Adjust other dialog properties -->
    <item name="android:textColorPrimary">#000000</item> <!-- Dialog content text color -->
    <item name="android:background">#FFFFFF</item> <!-- Dialog background -->
</style>

For Material Components-based themes:

<style name="CustomDatePickerDialogTheme" parent="Theme.MaterialComponents.Light.Dialog.Alert">
    <item name="buttonBarPositiveButtonStyle">@style/CustomDialogButton</item>
    <item name="buttonBarNegativeButtonStyle">@style/CustomDialogButton</item>
</style>

<style name="CustomDialogButton" parent="Widget.MaterialComponents.Button.TextButton.Dialog">
    <item name="android:textColor">#00397F</item>
</style>

Step 2: Assign the Theme to Your WebView Activity #

In your AndroidManifest.xml, update the Activity hosting the WebView to use a theme that references your custom date picker theme:

<activity
    android:name=".YourWebViewActivity"
    android:theme="@style/WebViewActivityTheme">
</activity>

Then define WebViewActivityTheme in styles.xml:

<!-- For AppCompat -->
<style name="WebViewActivityTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:datePickerDialogTheme">@style/CustomDatePickerDialogTheme</item>
    <!-- Keep your existing Activity theme properties here -->
</style>

<!-- For Material Components -->
<style name="WebViewActivityTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
    <item name="android:datePickerDialogTheme">@style/CustomDatePickerDialogTheme</item>
    <!-- Your other Activity theme settings -->
</style>

2. Global Theme Adjustment (Affects All Dialogs) #

If you want all dialogs in your app to use the same button text color, you can modify your app's global theme directly:

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Your existing theme properties -->
    <!-- For AppCompat: Controls dialog button text color -->
    <item name="colorAccent">#00397F</item>
    <!-- For Material Components: Use button styles instead -->
    <item name="buttonBarPositiveButtonStyle">@style/CustomDialogButton</item>
    <item name="buttonBarNegativeButtonStyle">@style/CustomDialogButton</item>
</style>

Why Your Initial Approach Failed #

The key issue is that the WebView's date picker dialog isn't a child view of the WebView—it's a standalone system dialog that inherits its style from the current Activity's theme or the app's global theme, not the WebView's own style attributes. Applying styles directly to the WebView only affects the WebView's internal content (like web pages), not native system dialogs it triggers.

内容的提问来源于stack exchange，提问作者Giacomo M