网站建设资讯

NEWS

网站建设资讯

css改变文本框样式,CSS文本样式

css文本框样式

head

成都创新互联公司于2013年创立,是专业互联网技术服务公司,拥有项目网站设计制作、成都网站设计网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元富宁做网站,已为上家服务,为富宁各地企业和个人服务,联系电话:13518219792

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怎样给所有文本框设置统一样式

需要说明: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

vs中 html 用css设置textarea的边框样式

用css设置textarea代码如下:

textarea style="width:200px; height:100px; border:solid 1px #f00; border-radius:20px; resize:none;"/textarea

border-radius:20px;

resize:none;

1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条)

overflow-x水平方向内容溢出时的设置

overflow-y垂直方向内容溢出时的设置

以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。

2.scrollbar-3d-light-color立体滚动条亮边的颜色(设置滚动条的颜色)

scrollbar-arrow-color上下按钮上三角箭头的颜色

scrollbar-base-color滚动条的基本颜色

scrollbar-dark-shadow-color立体滚动条强阴影的颜色

scrollbar-face-color立体滚动条凸出部分的颜色

scrollbar-highlight-color滚动条空白部分的颜色

scrollbar-shadow-color立体滚动条阴影的颜色

我们通过几个实例来讲解上述的样式属性:

1.让浏览器窗口永远都不出现滚动条

没有水平滚动条

body style= "overflow-x:hidden "

没有垂直滚动条

body style= "overflow-y:hidden "

没有滚动条

body style= "overflow-x:hidden;overflow-y:hidden " 或 body

style= "overflow:hidden "

2.设定多行文本框的滚动条

没有水平滚动条

textarea style= "overflow-x:hidden " /textarea

没有垂直滚动条

textarea style= "overflow-y:hidden " /textarea

没有滚动条

textarea style= "overflow-x:hidden;overflow-y:hidden " /textarea

或 textarea style= "overflow:hidden " /textarea

3.设定窗口滚动条的颜色

设置窗口滚动条的颜色为红色 body style= "scrollbar-base-color:red "

scrollbar-base-color设定的是基本色,一般情况下只需要设置这一个属性就可以达到改变滚动条颜色的目的。

加上一点特别的效果:

body style= "scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon "

4.在样式表文件中定义好一个类,调用样式表。

style

.coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;}

/style

这样调用:

textarea class= "coolscrollbar " /textarea

如何使用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改变输入框样式

中文字符的中线和英文字符的中线定义是不一样的,你在设置输入框与文本居中对齐的时候,最好将文本的字体样式设置成英文字体,比如font-family:verdana;这样有助于解决中线问题。然后再给输入框添加 vertical-align:middle;样式。

注意,由于涉及到中线问题,所以字号会影响对齐的效果。例子就不举了,你可以改变字号(12px、13px等)自己尝试一下。


网站栏目:css改变文本框样式,CSS文本样式
本文URL:http://cdweb.net/article/dsgejep.html