- <%@ 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>
- 注意select放在表格内外在样式的区别
SELECT INPUT的一种样式定义[--图--]
最新推荐文章于 2024-03-01 17:18:10 发布