从 cs 页面更改图像按钮集的光标
Change cursor of a imagebutton set from cs page?
我正在绑定行数据的网格视图上设置图像..在同一行中,图像将显示在某些它没有.所以我根据业务逻辑从CS页面添加它。我只想将光标显示为手?如何更改图像图标的样式。
if (e.Row.Cells[16].Text == "0")
{
e.Row.Cells[16].Text = string.Empty;
}
else
{
ImageButton img1 = new ImageButton();
img1.ImageUrl = "images/ablue.GIF";
img1.Height = 14;
img1.Width = 20;
img1.ToolTip = "Image Available";
img1.Attributes.Add("OnClick", "javascript:return SetId('" + e.Row.Cells[2].Text.ToString() + "');");
e.Row.Cells[16].Controls.Add(img1);
}
这里的图像是嚎叫,但不在手光标中。
1.为图像提供类名称或 ID。
2.然后在css中使用该名称或ID
3.css
image id/ image class
{
cursor:pointer;
}
尝试以下代码:
"imageButtonClass";**
if (e.Row.Cells[16].Text == "0")
{
e.Row.Cells[16].Text = string.Empty;
}
else
{
ImageButton img1 = new ImageButton();
img1.ImageUrl = "images/ablue.GIF";
img1.Height = 14;
img1.Width = 20;
img1.ToolTip = "Image Available";
img1.cssClass = "imageButtonClass";
img1.Attributes.Add("OnClick", "javascript:return SetId('" + e.Row.Cells[2].Text.ToString() + "');");
e.Row.Cells[16].Controls.Add(img1);
}
在外部 CSS 或样式中:
img1.cssClass
.imageButtonClass
{
cursor:pointer;
}
单行代码为我创造了魔力
img1.Style.Add("OnPreRender", "text-align:center;cursor:pointer;");
ImageButton img1 = new ImageButton();
img1.ImageUrl = "images/ablue.GIF";
//Changed on Sept-11 to show the Cursor as Hand of Imagebutton
img1.Style.Add("OnPreRender", "text-align:center;cursor:pointer;");
img1.Height = 14;
img1.Width = 20;
img1.ToolTip = "Image Available";
img1.Attributes.Add("OnClick", "javascript:return SetId('" + e.Row.Cells[2].Text.ToString() + "');");
e.Row.Cells[16].Controls.Add(img1);
相关文章:
- 在窗口中单击按钮完成之前,光标不会停止.请继续卸载
- 如何在按住鼠标按钮且光标在视口外时检测鼠标离开
- 当用户单击按钮(在光标位置)时,在输入字段中添加一个文本字符串
- 鼠标悬停时,光标将更改为按钮形式
- 单击按钮时,将光标放在文本区域中的 2 点之间
- 从 cs 页面更改图像按钮集的光标
- 当按钮被单击时,将闪烁的光标放置在两个标签之间
- 通过按钮在光标位置插入图像,点击到顶部
- 侧边栏隐藏/显示按钮,跟随光标鼠标
- 单击按钮可打开带有闪烁光标的输入字段
- 当光标聚焦在一个字段时,Phonegap返回按钮不工作
- 如何使用javascript从onclick按钮获得光标放置元素
- 我有一个对话框,显示但只有一个按钮改变光标
- 按钮中的Url光标
- 在执行同步ajax请求之前,在单击按钮时显示等待光标
- 如何打开弹出窗口旁边的事件按钮-如何获得鼠标光标位置onclick
- 当Javascript点击按钮时,将文本插入富:编辑器中的光标位置
- 光标:十字光标;用于按钮Img
- 如何将按钮光标更改为手动
- 单击按钮更改高图十字光标的位置