hatch_with_bg.css

* { fill: blue, symbol('shape://slash'); }
:fill { stroke: red; }

hatch_with_bg.xml

<?xml version="1.0" encoding="UTF-8"?>
<sld:UserStyle xmlns="http://www.opengis.net/sld" xmlns:sld="http://www.opengis.net/sld" xmlns:ogc="http://www.opengis.net/ogc" xmlns:gml="http://www.opengis.net/gml">
    <sld:Name>Default Styler</sld:Name>
    <sld:Title/>
    <sld:FeatureTypeStyle>
        <sld:Name>name</sld:Name>
        <sld:Rule>
            <sld:PolygonSymbolizer>
                <sld:Fill>
                    <sld:CssParameter name="fill">#0000ff</sld:CssParameter>
                </sld:Fill>
            </sld:PolygonSymbolizer>
            <sld:PolygonSymbolizer>
                <sld:Fill>
                    <sld:GraphicFill>
                        <sld:Graphic>
                            <sld:Mark>
                                <sld:WellKnownName>shape://slash</sld:WellKnownName>
                                <sld:Stroke>
                                    <sld:CssParameter name="stroke">#ff0000</sld:CssParameter>
                                </sld:Stroke>
                            </sld:Mark>
                        </sld:Graphic>
                    </sld:GraphicFill>
                </sld:Fill>
            </sld:PolygonSymbolizer>
        </sld:Rule>
    </sld:FeatureTypeStyle>
</sld:UserStyle>
~