如何将所有的TextBox设置成同一个样式

angel_447083039 2012-05-10 02:33:26
如何将所有的TextBox设置成同一个样式如何将所有的TextBox设置成同一个样式如何将所有的TextBox设置成同一个样式如何将所有的TextBox设置成同一个样式
如题!!!谢谢!!!
...全文
435 39 打赏 收藏 转发到动态 举报
写回复
用AI写文章
39 条回复
切换为时间正序
请发表友善的回复…
发表回复
r_swordsman 2012-05-11
  • 打赏
  • 举报
回复
[Quote=引用 19 楼 的回复:]
我记得我以前 用过input[type=text]
{
width:100px;
}

是可以的 不知道为什么 现在 用了 没效果 没反映
[/Quote]

属性选择符 E[att="val"]版本:CSS2 语法:
E[att="val"]{ sRules }
说明:
选择具有att属性且属性值等于val的E元素。 兼容性:
浏览器类型 支持版本 支持版本
Internet Explorer (×) IE6 (√) IE7+
Firefox (√)
Chrome (√)
Safari (√)
Opera (√)
qq395099915 2012-05-10
  • 打赏
  • 举报
回复
page.controls[0].controls然后再在首次加载页的时候用foreach循环修改每个一个控件的样式
Delta 2012-05-10
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 的回复:]

引用同一个css啊
[/Quote]应该是吧。。。。
jycgx 2012-05-10
  • 打赏
  • 举报
回复
设置同样的css,或者自己做一个自定义textbox
woshimaikou 2012-05-10
  • 打赏
  • 举报
回复
用.skin做一个皮肤
ONE-PIECE 2012-05-10
  • 打赏
  • 举报
回复
CSS
lqkankan 2012-05-10
  • 打赏
  • 举报
回复
引用 .skin 文件
孟子E章 2012-05-10
  • 打赏
  • 举报
回复
jquery-1.7.1.min.js下载

http://jquery.com/
孟子E章 2012-05-10
  • 打赏
  • 举报
回复
或者
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script src="jquery-1.7.1.min.js" type="text/javascript"></script>
<style>
.xx{border:2px solid red;background:blue;}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
</form>
<script type="text/javascript">
$(document).ready(function () {
$("input[type=text]").each(function () {
$(this).addClass("xx");
}
)
})
</script>
</body>
</html>
孟子E章 2012-05-10
  • 打赏
  • 举报
回复
<head id="Head1" runat="server">
<title></title>
<script src="jquery-1.7.1.min.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">

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

</form>
<script type="text/javascript">
$(document).ready(function () {
$("input[type=text]").each(function () {
this.style.cssText = "border:2px solid red";
}
)
})
</script>
</body>
</html>
angel_447083039 2012-05-10
  • 打赏
  • 举报
回复
[Quote=引用 28 楼 的回复:]
另外,简单的jquery用法

http://www.w3school.com.cn/jquery/jquery_intro.asp
[/Quote]
不行 你还得 加我 !!447083039 密码是:123 (*^__^*) 嘻嘻……
wpycs 2012-05-10
  • 打赏
  • 举报
回复
另外,简单的jquery用法

http://www.w3school.com.cn/jquery/jquery_intro.asp
wpycs 2012-05-10
  • 打赏
  • 举报
回复
......服了你了 http://jquery.com/ 下载

或者
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>

google服务器的

或者

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>

微软服务器的
angel_447083039 2012-05-10
  • 打赏
  • 举报
回复
[Quote=引用 24 楼 的回复:]
引用 22 楼 的回复:
引用 18 楼 的回复:

引用 15 楼 的回复:
引用 14 楼 的回复:
用jquery选择器就行了,反正服务器控件到时候也要生成html控件的

选择 type="text" 的 <input> 元素:
$(":text")

选择 type="password" 的 <input> 元素:
$(":password")





……
[/Quote]


要不 你 加我 QQ 传我一个???
angel_447083039 2012-05-10
  • 打赏
  • 举报
回复
[Quote=引用 23 楼 的回复:]
css的
input[type=text]
不是所有的浏览器都支持的,所以,使用脚本 设置或者使用 CssClass="xx"

.xx{color:red}
设置
[/Quote]

噢噢 怪不得 谢谢啦!!
angel_447083039 2012-05-10
  • 打赏
  • 举报
回复
[Quote=引用 22 楼 的回复:]
引用 18 楼 的回复:

引用 15 楼 的回复:
引用 14 楼 的回复:
用jquery选择器就行了,反正服务器控件到时候也要生成html控件的

选择 type="text" 的 <input> 元素:
$(":text")

选择 type="password" 的 <input> 元素:
$(":password")






$(":text")
……
[/Quote]

可是我没有 !!!!也 不知道怎么引用!!!!呜呜。。。。。。。
孟子E章 2012-05-10
  • 打赏
  • 举报
回复
css的
input[type=text]
不是所有的浏览器都支持的,所以,使用脚本 设置或者使用 CssClass="xx"

.xx{color:red}
设置
wpycs 2012-05-10
  • 打赏
  • 举报
回复
[Quote=引用 18 楼 的回复:]

引用 15 楼 的回复:
引用 14 楼 的回复:
用jquery选择器就行了,反正服务器控件到时候也要生成html控件的

选择 type="text" 的 <input> 元素:
$(":text")

选择 type="password" 的 <input> 元素:
$(":password")






$(":text")

样式写在哪??比如宽=……
[/Quote]


就开头引用个js文件就行了,有啥麻烦的,总比你一个个写class=""简单吧
angel_447083039 2012-05-10
  • 打赏
  • 举报
回复
[Quote=引用 20 楼 的回复:]
或者 如下


JScript code

$(document).ready(function(){
$("p").css({
"color":"white",
"background-color":"#98bf21",
"font-family":"Arial",
"font-size":"20px",
……
[/Quote]

这个 也要引用 JEQURY吧???
wpycs 2012-05-10
  • 打赏
  • 举报
回复
或者 如下


$(document).ready(function(){
$("p").css({
"color":"white",
"background-color":"#98bf21",
"font-family":"Arial",
"font-size":"20px",
"padding":"5px"
});
});



加载更多回复(19)

62,268

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧