css设置文本框样式,css文本输入框样式

如何使用CSS给所有td下的文本框定义样式?

直接使用css的标签选择器就可以实现

成都创新互联公司专注于巫溪网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供巫溪营销型网站建设,巫溪网站制作、巫溪网页设计、巫溪网站官网定制、小程序开发服务,打造巫溪网络公司原创品牌,更为您提供巫溪网站排名全网营销落地服务。

td input[type='text'] {.../*设置需要的样式*/}

举个例子:

创建Html元素

table

tr

tdname/td

tdinput type="text"/td

tdsex/td

tdinput type="radio" name="sex" checked男input type="radio" name="sex"女/td

/tr

tr

tdtel./td

tdinput type="text"/td

tdaddr./td

tdinput type="text"/td

/tr

/table

设置css样式

table{border-collapse: collapse;}

td{border:1px solid #ccc;padding:5px;}

/*设置单元格中文本框的样式*/

td input[type='text']{border:1px solid green;border-radius:3px;height:30px;}

观察显示效果

用CSS怎样给所有文本框设置统一样式

需要说明:input[type="text"] 这种写法不支持IE,但支持Firefox。

可以这样写:

style

input {

color: #FFF;

}

!--针对IE的--

input {

color:expression(this.type=="text"? red:"style");

}

!--针对IE以外的--

input[type="text"] {

color: red;

}

/style

如何用css设置文本框的宽和高?

可以给标签家个id或class; 就可以调整文本框的宽和高。

如:

style type="text/css"

.text1{width:100px; height:20px}

/style

input type="text" class="text1" /

扩展资料:

在CSS中,使用text-align属性控制文本的水平方向的对齐方式:左对齐、居中对齐、右对齐。

该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔,可以支持值 justify;不同用户代理可能会得到不同的结果。

默认值:left if direction is ltr, and right if direction is rtl 

继承:yes 

版本:CSS1 

JavaScript 语法:object.style.textAlign="right" 

参考资料来源:百度百科-text-align

css文本框样式

head

style type="text/css"

!--

.aa

{ background-color:#0000ff; color:#000000;filter: alpha(opacity=50)}

.bb

{ background-color:#009933; color:#000000;

}

/script/head加入这个

body

div id="Layer5" onMouseOver="this.className='aa'" onMouseOut="this.className='bb'"/div

/body这样鼠标经过颜色就变啦


本文标题:css设置文本框样式,css文本输入框样式
路径分享:http://bzwzjz.com/article/dsicspj.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 重庆企业网站建设 网站建设 成都网站建设公司 企业网站建设公司 重庆手机网站建设 网站设计 网站制作 网站建设开发 成都网站设计 成都网站建设 成都网站设计 网站建设方案 网站建设公司 网站建设费用 成都网站设计 高端网站建设 广安网站设计 成都网站建设 成都网站制作 成都网站建设 成都网站建设 LED网站设计方案