javascript - 用户控件中的 Css 规则

标签 javascript css asp.net user-controls

如果这个问题的标题很含糊,我很抱歉......

我有一个由 MasterPage 组成的 Web 应用程序,其中包含我所有的 css 和 js 文件,任何其他页面都将加载到 MasterPage 的内容中。

在一个页面中,我使用此调用通过 javascript 调用另一个页面:

  <script type=text/javascript>window.open('ApriOrdine.aspx?ID=B300&MODE=UPD',null,'scrollbars=1')</script>

ApriOrdine.aspx 页面包含 2 个用户控件。我的 css 规则有问题,我无法使用在 css 外部文件中编写的 css 规则设置填充。

这是我的 ApriOrdine.aspx 的全部代码:

 <%@ Page Title="Orders" Language="C#" AutoEventWireup="true" CodeBehind="ApriOrdine.aspx.cs" Inherits="WebApplication1.ApriOrdine" EnableEventValidation="false" %>

 <%@ Register TagPrefix="UC" TagName="UserControlCom" Src="~/Commessa.ascx" %>
 <%@ Register TagPrefix="UC" TagName="UserControlCli" Src="~/Cliente.ascx" %>
 <head runat="server">
 <link href="css/css.css" rel="stylesheet">
 </head>
<body>
  <form runat="server">
    <div class="ApriOrdine">
        <div>
            <UC:UserControlCom runat="server" ID="ucCommessa" />
        </div>
        <div>
            <UC:UserControlCli runat="server" ID="ucCliente" />
        </div>
    </div>
 </form>
</body>

如您所见,css.css 文件包含在 head 标签后面。

问题在于,如果我像这样在我的 css.css 中编写此 css 规则,它就不起作用。

 .ApriOrdine
 {
      padding:50px;
 }

相反,如果我使用样式属性将填充分配给 div,它就可以完美地工作......

 <div class="ApriOrdine" style = "padding:50px;">

编辑

这是我的 complete source code

这是 css

那么,这里出了什么问题?请帮助我,谢谢! 如果您需要更多详细信息,请问我!

最佳答案

我看到的唯一原因是您对 css 的引用不好。 我不知道您元素的结构,但我猜母版页与您的 .aspx 页面不在同一个地方。因此,如果您从母版页复制并粘贴引用,它在 .aspx 页面中不起作用,因为结构不一样。

您可以做的另一件事是加载页面后,打开页面的源代码并查看页面中生成的引用并确保路径正确。

希望这对您有所帮助。

关于javascript - 用户控件中的 Css 规则,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26473804/

相关文章:

缩放时 CSS 倾斜边框额外像素

c# - 如何更改 .net core 中 index.html 的默认路径?

javascript - 在 OWL Carousel 中滑动 2 个元素

javascript - 使用 WebAudio API 计算现场麦克风音频频率的简单代码

html - 如何使居中的 div 拉伸(stretch)到屏幕的 100%?

html - 在附加 Handlebars 模板后使滚动出现

asp.net - 如何引用匿名 JavaScript 函数?

asp.net - 如何设置 session 超时超过20分钟?

javascript - 不工作 : <form onsubmit ="alert(event.shiftKey)"> on Javascript

javascript - 如何在 jQuery 中获取 PrimeFaces pfAjaxStart 事件的源元素