CSS固定多行文本框的高度与宽

CSS固定多行文本框的高度与宽度

在写表单的时候,免不了有多行文本框控件的,特别像是留言板之类的,这就产生一个问题,新增了一个<textarea>控件,用CSS设置了宽与高,但浏览的时候在文本框的右下角会有一个可以拉动的标志,拉动那个可以随意改变文本框的宽与高,这样子会让界面很不友好,看上去感觉很不舒服,那么应该怎样固定宽与高呢?答案当然是用CSS,CSS里面有几个属性:min-width(最小宽度),max-width(最大宽度),min-height(最小高度),max-height(最大高度),利用这几个属性可以搞定啦,下面给出一个实例:

<html>
<head>
<title>CSS固定多行文本框的高度与宽度</title>
<style>
textarea { margin:0 auto; min-width:200px; max-width:200px; min-height:100px; max-height:100px; }
</style>
</head>
<body>
<textarea></textarea>
</body>
</html>
分享到:
标签:CSS,多行文本框,宽高固定,
^_^ 亲爱的客官,如果您觉得本文对您有好处,请移动你的鼠标点点下面的广告或上面的或右上角的,非常感谢~ ^_^

CSS固定多行文本框的高度与宽:目前有3 条留言

  1. 板凳
    BJD:

    可以换个友链吗?可以多放点技术类的文章哦,以后需要就过来查,呵呵。。。。

    2013-09-05 下午 12:25
  2. 沙发
    BJD:

    一直想学CSS来着,不知道什么时候动手。。。

    2013-09-05 上午 10:59
    • 随时都可以动手。。

      2013-09-05 上午 11:07