Android toolbar overflow菜单 文字显示不全

刚刚接触android 没有几天，对android 的配置几乎凭感觉。
于是便碰到问题，如下图toolbar 溢出菜单的下拉框组文字显示不全：

于是经过多番尝试，原来是toolbar的配置有问题，如下图：

可以看到两个重要的样式配置：
1. app:popupTheme
2. app:theme

将其改为：

再修改value包下的 styles.xml

<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
   <!-- <style name="OverflowMenuStyle" >
    &lt;!&ndash; 是否覆盖锚点，默认为true，即盖住Toolbar &ndash;&gt;
    <item name="overlapAnchor">false</item>
    &lt;!&ndash; 弹出层背景颜色 &ndash;&gt;
    <item name="android:popupBackground">@color/colorPrimary</item>
    &lt;!&ndash; 弹出层垂直方向上的偏移，即在竖直方向上距离Toolbar的距离，值为负则会盖住Toolbar &ndash;&gt;
    <item name="android:dropDownVerticalOffset">500dp</item>
    &lt;!&ndash; 弹出层水平方向上的偏移，即距离屏幕左边的距离，负值会导致右边出现空隙 &ndash;&gt;
    <item name="android:dropDownHorizontalOffset">0dp</item>
    <item name="android:textColor">@color/text_blue</item>
</style>-->
    <style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>

    <style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />
    <style name="AppTheme.PopupOverlay" parent="@style/Widget.AppCompat.Light.PopupMenu.Overflow">
        <item name="overlapAnchor">false</item>
        <item name="android:dropDownWidth">wrap_content</item>
        <item name="android:paddingRight">5dp</item>
        <item name="android:popupBackground">?attr/colorPrimary</item>
        <!-- 弹出层垂直方向上的偏移，即在竖直方向上距离Toolbar的距离，值为负则会盖住Toolbar -->
        <item name="android:dropDownVerticalOffset">5dip</item>
        <!-- 弹出层水平方向上的偏移，即距离屏幕左边的距离，负值会导致右边出现空隙 -->
        <item name="android:dropDownHorizontalOffset">0dip</item>
    </style>
</resources>

效果图：

总结：
1.其实样式的设置涉及到作用域的问题，即哪个样式文件的作用域更强，我之前一直在AndroidManifest.xml 的 android:theme 样式文件中配置溢出菜单的样式，结果都不可以全显文字。即下图红框的样式文件：

其实应该是其设置的属性被toolbar 的样式文件所覆盖。可以联想到CSS样式设置的作用域，离div越近的则会覆盖远的样式。