css - ASP.Net 图表控件未应用分配给它的 CSS 类

Question

我正在尝试使用 CSS 设置 ASp.Net 图表控件的高度和宽度。 虽然我添加了一个 CssClass 属性，但它似乎是从 Bootstrap 中获取高度和宽度

 <div style="width:66%;position:relative;display:block;overflow:hidden;float:left;" id="divspcpchart">
                                        <asp:Label ID="Label2" runat="server">SP and CP of selected plant </asp:Label>
                                    <br />
                                    <div style="width:80%;display:inline-block;margin:0 auto;">
                                        <asp:Chart ID="SPCPBarChart" runat="server" DataSourceID="EntDataSrcYearPerf"  CssClass="chartSPCP"  >   <%--Width="460px" Height="300px"--%>
                                            <BorderSkin BackColor="#E1E1E1" PageColor="#E1E1E1" SkinStyle="Emboss" />
                                            <Series>
                                                <asp:Series Name="Series1" XValueMember="Year" YValueMembers="SP" ></asp:Series>
                                                <asp:Series Name="Series2" XValueMember="Year" YValueMembers="CP" ></asp:Series>
                                            </Series>
                                            <ChartAreas>
                                                    <asp:ChartArea Name="SPCPBarChartArea">
                                                            <AxisX Title="Year" TitleAlignment="Center" TextOrientation="Horizontal"></AxisX>
                                                            <AxisY Title="SP and CP" TitleAlignment="Center" TextOrientation="Rotated90"></AxisY>
                                                            <Area3DStyle Enable3D="false" />
                                                        </asp:ChartArea>
                                            </ChartAreas>
                                        </asp:Chart>
                                    </div>


                                </div>

如果我手动设置高度和宽度，它显示的宽度为 406 像素。 我的图表 CSS 类如下所示

    #SPCPBarChart {
    width:460px;
    height:300px;
}

我已经尝试将图表控件包含在 div 中并设置 div 的属性，但它仍然从 bootstrap 拉取宽度。

这是浏览器调试捕获

Answer 1

添加 !important 到 CSS 类属性。感谢 Vijay 提醒我。

#SPCPBarChart {
width:440px !important;
height:300px !important;