在ASP.NET中自定义CSS类
我正在开发一个应用程序,允许用户更改标题的字体颜色 标题标题使用cssClass中的值(cssClass使用字体大小、字体颜色、字体重量和字体系列) 有没有一种方法可以允许在css文件本身中使用自定义字体颜色在ASP.NET中自定义CSS类,asp.net,css,Asp.net,Css,我正在开发一个应用程序,允许用户更改标题的字体颜色 标题标题使用cssClass中的值(cssClass使用字体大小、字体颜色、字体重量和字体系列) 有没有一种方法可以允许在css文件本身中使用自定义字体颜色 一个选项是从cssClass中删除字体颜色,并在.aspx页面中使用字体颜色 如果您让用户只选择自己的字体颜色,那么在客户端设置字体颜色属性或设置内联样式属性可能是最简单的。如果您在客户端执行此操作,则界面将是snappier(不需要回发以更改颜色),但您需要将用户的选择保存在某个位置,并
一个选项是从cssClass中删除字体颜色,并在.aspx页面中使用字体颜色 如果您让用户只选择自己的字体颜色,那么在客户端设置
字体颜色
属性或设置内联样式
属性可能是最简单的。如果您在客户端执行此操作,则界面将是snappier(不需要回发以更改颜色),但您需要将用户的选择保存在某个位置,并在回发时再次设置
下面是在客户端设置标题颜色的示例:
使用jQuery
function setHeaderColor(color) {
// The color parameters should be of the form '#000000'
$('h1, h2, h3').css({ color: color });
}
function setHeaderColor(color) {
var hdrs = [].concat(document.getElementsByTagName('h1'))
.concat(document.getElementsByTagName('h2'))
.concat(document.getElementsByTagName('h3')),
ii, jj;
for (ii = 0; ii < hdrs.length; ii += 1) {
for (jj = 0; jj < hdrs[ii].length; jj += 1) {
hdrs[ii].item(jj).style.color = color;
}
}
}
不带jQuery
function setHeaderColor(color) {
// The color parameters should be of the form '#000000'
$('h1, h2, h3').css({ color: color });
}
function setHeaderColor(color) {
var hdrs = [].concat(document.getElementsByTagName('h1'))
.concat(document.getElementsByTagName('h2'))
.concat(document.getElementsByTagName('h3')),
ii, jj;
for (ii = 0; ii < hdrs.length; ii += 1) {
for (jj = 0; jj < hdrs[ii].length; jj += 1) {
hdrs[ii].item(jj).style.color = color;
}
}
}
函数setHeaderColor(颜色){
var hdrs=[].concat(document.getElementsByTagName('h1'))
.concat(document.getElementsByTagName('h2'))
.concat(document.getElementsByTagName('h3')),
ii,jj;
对于(ii=0;ii
在标记之间使用标签控件,并使用System.Drawing.Color应用颜色。在CSS文件中使用Color
并在任何HTML元素上内联都没有问题,因为内联样式将覆盖文件上定义的颜色
想象一下你的CSS有这样的功能:
a#lnkTest { color: #ff0000; }
但您可以在aspx.vb上执行此操作:
生成的HTML将是:
<a id="lnkTest" style="color: #0000ff">Bla bla bla</a>
您可以使用动态创建的css文件,即仅输出css的aspx页面
<%@ Page Language="C#" %>
h1 {
font-size: 15px;
color: <%= myUsersColor () %>;
}
h1{
字体大小:15px;
颜色:;
}
使用javascript动态更改元素的样式。您打算让用户如何选择颜色?你想要回邮吗?你想用JavaScript来实现这一点吗?JavaScript会更好…我如何将“h1”样式称为我的标签?你的问题告诉了我“标题标题”,所以我假设是h1。你可以放一个你想要的选择器。这只是一个生成css文件的示例。在您的示例中,“h1”是控件的ID值,对吗?