c# - asp.net css 在我的本地机器和远程机器上是不同的

Question

我的本​​地机器上有一个网页，标题如下:

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true" CodeBehind="CommuteEdit.aspx.cs" Inherits="Web.CommuteEdit" %>

在我的本地机器中，按钮正常运行，具有以下属性:

<input class="rbDecorated" type="submit" name="ctl00$ContentPlaceHolder1$uiSave2" id="ctl00_ContentPlaceHolder1_uiSave2_input" value="Save" tabindex="-1" style="color: white !important; background-color: #486190 !important;">

最后有样式。但是，当我将网站发布到远程机器时，相同按钮的样式丢失了

<input class="rbDecorated" type="submit" name="ctl00$ContentPlaceHolder1$uiSave2" id="ctl00_ContentPlaceHolder1_uiSave2_input" value="Save" tabindex="-1">

我发现远程机器的属性中缺少样式部分。

我检查了 MasterPage.Master 中有一段代码

<script type="text/javascript">
        <!--//
        // For applying special style to primary color
        function SetStyleToButton(buttonID) {
            var ctrl = document.getElementById(buttonID + '_input');
            if (ctrl != null) {
                ctrl.setAttribute('style', 'color: white !important; background-color: #486190 !important;');
            }
        }
        //-->
    </script>

但是，它似乎不适用于远程页面按钮。可能的原因是什么，我该如何解决？我从本地开发环境发布。

Answer 1

要尝试的事情:

1) Ctrl+F5 每个页面以确保刷新浏览器可能缓存的 CSS。

2) 在您的浏览器中打开开发者工具，以查明您的元素应用了哪些样式，并且您没有任何 JS 错误或 404 缺失错误。