您的位置：首页 > Web前端 > CSS

SELECT INPUT的一种样式定义 注意select放在表格内外在样式的区别

2008-10-17 16:55 423 查看


<%@ page contentType="text/html; charset=gb2312" language="java"%>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>select input CSS样式</title>

<style type="text/css">

<!--

body {

    background-color: #F2F3F4;

}

.STYLE1 {font-size: 12px}

input{font-size:12px;

height:18px;

border:1px solid #666666;

}

select{font-size:12px;

border:1px solid #666666;

margin:-2;

}

-->

</style>

</head>

<body>

<p class="STYLE1">SELECT INPUT的一种样式定义 注意select放在表格内外在样式的区别</p>

  <table width="300" border="1" cellspacing="0">

  <form name="form1" method="post" action="">

    <tr>

      <td><select name="select" id="select" class="STYLE1">

        <option value="JAVA">Java程序员</option>

        <option value="C++">C++程序员</option>

        <option value=".NET">.NET程序员</option>

      </select></td>

      <td><input type="text" name="textfield"></td>

    </tr>

    </form>

  </table>

  <table width="300" border="1" cellspacing="0">

    <tr>

      <td><select name="select" id="select" class="STYLE1">

        <option value="JAVA">Java程序员</option>

        <option value="C++">C++程序员</option>

        <option value=".NET">.NET程序员</option>

      </select></td>

      <td><input type="text" name="textfield"></td>

    </tr>

  </table>

  <br>

  <select name="select" id="select" class="STYLE1">

        <option value="JAVA">Java程序员</option>

        <option value="C++">C++程序员</option>

        <option value=".NET">.NET程序员</option>

  </select>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  input java .net border class action
相关文章推荐
新的分享
章节导航