asp.net - 皮肤和样式表菜鸟问题

Question

我有一个皮肤文件，其中包含:

< asp:TextBox runat="server" CssClass="FixedFont"/>

在与皮肤文件相同的文件夹中，是以下 css 文件。 Css 文件包含:

.FixedFont
    {
    font-family:Courier;    
    }

最后，我有一个包含以下控件的 ASPX 页面:

<asp:TextBox ID="TextBox1" runat="server">Test</asp:TextBox>

当我在设计模式下查看 ASPX 页面或运行该页面时，我看到样式上的 font-family 属性确实影响了文本框控件，即它被更改为 Courier。

但是，我还想在我的 ASPX 页面上定义一个本地样式，

.DefaultWidth
    {
    width: 300px;
    }

...并让我所有的 TextBox 具有相同的宽度。

如果我将 TextBox1 的 CssClass 属性设置为“DefaultWidth”...

<asp:textbox ID="TextBox1" CssClass="DefaultWidth">Hello</asp:TextBox>

...文本框的宽度更改为 300px 但我失去了皮肤应用修复字体 Courier 样式的效果。

要同时应用 DefaultWidth 和固定字体文本框效果，我必须将 CSSClass 属性设置为“DefaultWidth FixedFont”，对我来说，这似乎破坏了第一个拥有皮肤的优势地方。我想我希望效果是累积的，除非我添加了与 SKIN 冲突的样式，在这种情况下，我希望本地类应用于皮肤效果。例如，如果我应用第二个类 Class2，它除了其他效果外还包括字体系列规范，我希望 Class2 中指定的字体覆盖 FixedFont 样式中的字体。但这似乎不是这里发生的事情。

处理这种情况的最佳方法是什么？我经常想拥有一系列宽度都匹配的文本框，所以我想除了在外观文件中使用应用于控件类型的效果外，我还经常想在控件上指定一个 CssClass。

解决方案是不在 SKIN 本身中使用 CSS 吗？这似乎在维护方面也有缺点。

我遇到的第二个问题是，如果我用以下类声明样式表......

.Button
{
    background-image: url('/images/button.gif')
}

...并将 ASP 按钮的 CSSClass 属性设置为“按钮”，我看到图像平铺在按钮上。

但是，如果我在皮肤文件中输入以下代码

它没有找到图像。

images 文件夹是网站根目录下的一级文件夹。

知道为什么它没有拾取图像。我尝试过其他各种途径，但这是唯一对我来说有意义的途径。

顺便说一下，图像在设计模式下应用，但在 ity 运行时它消失了。

Answer 1

我不知道我是否理解你的问题，但正如我从这里看到的，你应该以你的“本地”风格声明什么:

textbox.fixedfont { width:200px; }

或者如果您确定会影响具有相同宽度的每个文本框，或者只是对每个文本框，则皮肤无关紧要...

textbox { width:200px; }

如果这不是您要的，请说清楚。