如何对文本域添加css样式

html-css017

如何对文本域添加css样式,第1张

对文本域添加css样式,这个是可以的通过获取到文本域的id或者是class来做的,这里我提交一段代码:

html>

<head>

<style>

textarea{

height:800 //设置文本域的高度

widht:400px //设置文本域的宽度

font-size:12px //设置文本域的字体大小

color:#f00 //设置文本域的字体颜色

}

</style>

</head>

<body>

<textarea>

我是文本域文字,

</textarea>

</body>

文本域是textarea标签。

想要给文本域标签设置宽度和高度,可以通过rows属性和cols属性,前者是规定显示多少行,后者是一行多少个字符。

当然也可以通过css的方法。通过style属性或者文本域的标签选择器。例如:

<textarea style="width: 100pxheight: 200px">

当然style里面也是可以设置字体样式的。

textarea元素在chrome等浏览器下可以被拖拉从而改变大小,对于查看textarea里面的内容来说相当方便,但是有时候 我们为了保持网页的美观,不得不想要禁掉这个功能,禁止用户随意拉动textarea的大小,其实很简单,只需要用css加一个小小的属性,代码如下:

textarea{

resize:none

}

<input name="" type="text" style="width:200pxheight:20px" />