访问Css的Asp：按钮

所以我想我的网站上的所有按钮看起来都一样，我需要为他们编辑一个CSS文件。访问Css的Asp：按钮

我只是想知道如何访问名为-asp:button的所有控件的CSS样式。

即， Button { Font-size: 10px; }或#Button { Font-size: 10px; }

到目前为止这是行不通的。

2011-09-28 joncodo

“命名”？这是按钮的'name =“”'属性，它是类，它是ID还是什么？此外，使用类似Firebug或Chrome的DOM检查器来查看生成的HTML看起来像什么，并从那里基于您的选择器。你应该尝试一个小写的'button'选择器 - 看看是否有效。 – Bojangles

大多数较新的浏览器都支持属性选择，所以你可以不喜欢

input[type="submit"] { 
    //styles here 
}

尽管如其他人所建议的那样，您可以通过应用课程来获得更好的全方位支持。

来源

2011-09-28 18:43:16

这将只适用于CSS3兼容的浏览器，这仍然是Web用户群的一小部分。 – Terry

@TerryR属性选择器从CSS 2.1开始，实际上支持非常广泛。参考：http://www.quirksmode.org/css/contents.html –

我很抱歉，很高兴知道。只是一个说明：我认为IE7＆8需要一个！DOCTYPE来设置它的工作。 – Terry

你可以在你的ASP inclue CSS class：按钮的代码给他们一个类，并控制自己的风格：

<asp:button CssClass="mybuttons" />

然后你就可以使用这个类来样式的按钮：

.mybuttons{ 
font-size:10px; 
}

如果你有更多的不是ASP.NET生成的按钮，那么这个类只适用于ASP.NET生成的按钮，而不适用于其他按钮。

来源

2011-09-28 18:35:49 Mohsen

这是我知道要做的肯定。我想在任何地方设置CSS的任何按钮，而不设置CSS类 – joncodo

只是你不能这样做。因为ASP呈现asp元素到HTML元素。所以在最后，asp按钮和实体HTML按钮之间没有区别。 – Mohsen

但是，如果你想申请一个类到任何ASP按钮，你可以在你的母版页代码后面执行它。\ – Mohsen

在.NET中，您需要为按钮提供一个CSS类。如果你把它称为“Button1的”，例如，你的CSS声明将是：

.Button1 { 
    ... 
}

来源

2011-09-28 18:36:22

ASP.NET Button控件呈现为：

<input type="submit">

你需要给他们一个CSS类的名字，你可以控制你的css文件。

在服务器端代码：

myButton.CssClass = "myClass"

或ASPX标记：

<asp:Button CssClass="myClass" runat="server" ... />

CSS：

.myClass { width: 100px }

编辑在看到您的评论：

要修改所有按钮网站你需要使用JavaScript，jQuery库在这方面非常有效。如果你正在使用jQuery你就只有这个脚本您的主页上：

$(document).ready(function() 
{ 
    // Select all "input" controls with the type of "submit" and add your class to them 
    $(input[type="submit"]).addClass('myClass'); 
});

来源

2011-09-28 18:36:43 Terry

有没有办法做到这一点没有按钮上的CSS类。类似于通过#table – joncodo

设置表格的css，这是可以肯定的，我知道这个解决方案。我只是想使用Css – joncodo

input {background-color：＃666699; }将给所有输入指定背景颜色。 –

的ASP按钮的HTML渲染为类型的输入=“提交” ...你可以通过访问所有的按钮INPUT，但当然也有其他投入，以及...

input { 
font-weight: bold; 
font-size: larger; 
background-color: Red;

}

来源

2011-09-28 18:37:45

我可以做＃输入提交{css here？} – joncodo

不幸的是没有... –

访问Css的Asp：按钮

回答

相关问题