求助如何用CSS定义文本框和密码框的大小的一致

form表单里面有一个文本框和一个密码框，怎样用CSS定义啊，我想让它们的高度和宽度都一致，请高手指点！

解决方案 »

  1.   

      做一个样式选择器 给这两个框一个相同的 class="txtidandpwd"名<html>
    <head>
    <style type="text/css">
    .txtidandpwd
    {
    width:130px;
    height:20px;
    }
    </style>
    <title></title>
    </head>
    <body>
    <input type="text" class="txtidandpwd" value=""/>
    <input type="password" class="txtidadnpwd" value=""/>
    </body>
    </html>
      

  2.   

    定义个css 来统一风格
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="gb2312" />
    <title></title>
    <style>
    .test {
    width:100px; 
    border:1px solid red;
    }
    </style>
    </head>
    <body>
    <input type="text" class="test" value=""/>
    <input type="password" class="test" value=""/>
    </body>
    </html>
      

  3.   

    <!DOCTYPE HTML>
    <html>
        <head>
            <meta charset="gb2312" />
            <title></title>
            <style>
                .test {
                    width:100px; height:30px;                border:1px solid red;
                }
            </style>
        </head>
        <body>
            <input type="text" class="test" value=""/>
            <input type="password" class="test" value=""/>
        </body>
    </html>定义个height就可以了。