皮肤和样式表菜鸟问题

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 属性确实影响文本框控件，即，改为快递。

然而，我还想做的是在我的 ASPX 页面上定义本地样式，

.DefaultWidth
    {
    width: 300px;
    }

...并让我的所有文本框具有相同的宽度。

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

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

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

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

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

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

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

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

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

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

它不会找到图像。

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

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

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

Answer 1

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

textbox.fixedfont { width:200px; }

或者如果你确定影响每个具有相同宽度的文本框，则简单地声明到每个文本框，皮肤无关紧要...

textbox { width:200px; }

如果这不是您所要求的，请说得更清楚。