html – Asp GridView Pagination自定义CSS在设计视图中工作,但在浏览器中不工作

2023年3月5日 203次阅读

我正在使用Bootstrap,并且在gridview中有一个自定义css链接用于分页,并且所有CSS都在两个页面中工作,我的母版页有：

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

在aspx页面中,我有一些东西……

 <asp:GridView ID="grid_view_search" runat="server" onprerender="GridView_PreRender" DataSourceID="sql_data_source_search" AutoGenerateColumns="False" DataKeyNames="ID" CssClass="table table-hover table-condensed table-bordered" AllowSorting="True" AllowPaging="True">
            <Columns>
               //Columns here
            </Columns>
            <PagerSettings Mode="NumericFirstLast" />
            <PagerStyle CssClass="pagination-bootstrap" HorizontalAlign="Center" />
        </asp:GridView>

除了“pagination-bootstrap”之外,这一切都正常工作并且风格正确,在浏览器中看起来像gridview的标准样式(即12),但是在设计视图中它按照它的外观加载(即[ 1] [2])

我一直在玩它并尝试将样式放在gridview开口标记行中.在线我只找到了答案,其中css文件或图像的链接以“〜/ css”开头,但我不相信它是因为我添加到style.css文件中的其他位工作得非常好.

任何帮助都感激不尽

[编辑]添加了在设计视图和浏览器中的外观图像

设计视图：

浏览器：

最佳答案 我发现答案是CSS被缓存所以为了刷新页面以获取更新的CSS文件,我必须按Ctrl-F5,然后重新加载具有适当分页风格的页面.

点赞