如何将所有的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"

    });

  });